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.
