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

Write a review
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.7.4
  • 4.6.3
  • 4.5.2
  • 4.4.3
  • 4.3.10
  • 4.2.4
Localisations
  • English
  • Русский
Uwe R.
Comment
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.
erol rezic
Comment
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..
Dawn
Comment
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!

Recommended add-ons

Voice Search
This module allows your customer to search products easily just by speaking on the microphone
$45.00

 
Search motivation
The addon allows you to output phrases in the search field with the simulation of the human typing, it is possible to manage phrases at the category level +...
$30.00

 
[DATAROU] Default CSV delimiter
If you don't use CSV delimiter of "Semicolon", it is annoying to select another CSV delimiter every type when you Export data/Import data. [DATAROU] Defa...
$149.00 $99.00

 
Product From Other Sellers
This module shows additional tab on the "Product details" page where the customer can see offers from other vendors
$0.00