$15.00

This product is electronically distributed.

Developer

Full-width background

Latest release date: December 25, 2015

View discussion on CS-Cart forum

Get add-on

CS-Cart Full-width background add-on allows you to make full-width background. You will be able to set color or image background for the grid of your store like in the example below.

fwb_logo.png

How to use add-on:

1. Go to Admin panel menu > Design > Layouts

2. Go to grid options

3. Set "User-defined CSS-class".

How to set "User-defined CSS-class":

1. To set grid as full-width, you should add "cp-full-width" class to it. Also, you should add class for which you will add background. For example:

cp-full-width grey_bg

Remember to add css style for "grey_bg" class. To to it, go to admin panel menu > Design > File Editor > CSS > true-styles.less and add the following code:

.grey_bg {

background-color: #eee;

}

2. To set grid as full-width and drop width-limitation of content, add "cp-full-width cp-no-limit" classes.

3. To make floating full-width background like on demo, you should create the following class:

.floating_bg {

padding-top: 10px;

padding-bottom: 10px;

background: url('//demo.cart-power.com/powercart/images/bg/paris.png') no-repeat fixed 50%;

background-size: cover;

}

Please, remember to add this class to "User-defined CSS-class" of grid.

Product
  • CS-Cart
  • Multi-Vendor
  • CS-Cart Ultimate
  • Multi-Vendor PLUS
Compatible versions
  • 4.9.3
  • 4.9.2
  • 4.9.1
  • 4.8.2
  • 4.8.1
  • 4.7.4
  • 4.6.3
  • 4.5.2
  • 4.4.3
  • 4.3.10
  • 4.2.4
Localisations
  • English
  • Русский

Reviews

3 reviews
5.00 / 15 assessments
Rating based on user opinions
Full-background from CART-POWER offers the possibility to use the full screen mode even on a narrow layout and thus makes your pages more interesting

Great add-on. CART-POWER is taking care of any arising questions very quickly. All in all a company that I can only recommend. It was a pleasure.
Grate addon, gave me ability to make my site looks modern with full width background in different colors. Placing text or images over it was easy. Must have addon if you do not wonna have 10-15 years
This add-on is wonderful to implement parallax scrolling, which provides a modern look and feel upgrade to your web-store. CS-Cart also audited our installation to help us resolve an issue that