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.

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.