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

Recommended add-ons

Graceful Slider
The Graceful Slider add-on is an attractive flexible slider for your store with the ability to play video. It is fully adaptive and compatible with the Re...
$49.00 $29.00

 
Power Testimonials
Very powerful module, which allows you get extended testimonials from customers and show beautiful flexible slider with them on any page of your store.
$39.00

 
Product Icon Flipping
Simple add-on which adds interesting hover effect to product icons on all products list pages.
$0.00

 
Fading blocks
Allows to make slider from any blocks of your store. Just add the "fading-block" class for blocks you need to combine to slider. If you wish make a few slid...
$5.00