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.


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.

  • CS-Cart
  • Multi-Vendor
Compatible versions:
  • 4.9.2
  • 4.9.1
  • 4.8.2
  • 4.8.1
  • 4.7.4
  • 4.7.3
  • 4.7.2
  • 4.7.1
  • 4.6.3
  • 4.6.2
  • 4.6.1
  • 4.5.2
  • 4.5.1
  • 4.4.3
  • 4.4.2
  • 4.4.1
  • 4.3.10
  • 4.3.9
  • 4.3.8
  • 4.3.7
  • 4.3.6
  • 4.3.5
  • 4.3.4
  • 4.3.3
  • 4.3.2
  • 4.3.1
  • 4.2.4
  • 4.2.3
  • 4.2.2
  • 4.2.1
  • English
  • Русский
Rate this application Write a review

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 cheap an old design, like it is offered in most of the themes for CS-Cart, even today. I needed some help with extending funkcionality of addon and after some days of delay, customer service manage to fix it good.. If you wonna 2017 modern site, than go for Full width background..

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 was an error on our part. They did this quickly, with a refreshingly honest and simple approach.

Due to the effectiveness of their approach I will be installing on three additional cs-carts in the coming month and will also be implementing a few more items on our developer wish-list. Thanks Cart-Power!