Warning Cookies are used on this site to provide the best user experience. If you continue, we assume that you agree to receive cookies from this site. OK

Full-width background

Enter the comma separated URLs of the storefronts where this product will be used.
Select the CS-Cart edition on which you will use the add-on.
The update period determines the period of time when you can get access to the new versions of this add-on compatible with the new versions of CS-Cart software released during the chosen period.
To instal the add-on, we will need the FTP access to your server. Please send it along with the order number to sales@cart-power.com once the order is paid.
$15.00

This product is electronically distributed.

Full-width background
$15.00

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
  • Русский

Recommended add-ons

Product Reviews Page
This CS-Cart module extends the default reviews functionality and adds a separate reviews page for products. Features: separate reviews page for produ...
$63.00
 
Extra Services
This module allows you to create list of additional services (rush delivery, shipping insurance etc.)
$40.00
5.00
 
Promotions - discount with condition on d...
Addon to CS-Cart and Multi-Vendor  allows creating promotions active only in certain days of week.
$125.00
 
Vendor Feedback (Like On eBay)
This CS-Cart module significantly extends the default vendor feedback functionality for your marketplace. It allows you to collect average statistics and de...
$63.00
3.75