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

Autoicons of payment systems
The module allows you to display the icons of payment systems on the site . Developed by MakeShop.pro
$7.00
 
Web To Print
It provides a unique feature to your CS-Cart store by which a customer can customize and redesign the product from the storefront.
$89.00
 
Last-Modified + 304 Not Modified
The «Last-Modified + 304 Not Modified» addon – is the instrument for online store indexation optimization. With the help of HTTP-headers, this module tell...
$45.00
5.00
 
One Click Order
This module allows to place order in one click or add a call request
$30.00