Full-Width Background

Make full-width background. Set color or image background for grid of your online store.

Reviews: 3
Last update: 05.04.2021
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 [email protected] once the order is paid.
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
  • Store Builder
  • Store Builder Ultimate
  • Multi-Vendor
  • 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
Localizations
  • 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!
Cart-Power is a 35+ professional team with extensive experience. More than 10 years we have

Contact information

Phone 8-800-3020-886

Cart-Power is a 35+ professional team with extensive experience. More than 10 years we have developed, modified marketplaces, online stores, crowdfunding places, classifieds, auction sites and e.g. all around the world. We provide comprehensive solutions for ecommerce projects from development and design to SEO promotion and technical support.We’ve created more than 500 ecommerce projects, 5000+ custom upgrades and developments. Our 100+ add ons are ready to integrate into your online project to build

Similar products

OptiPic images optimization and WebP convertion
4.9 (26)
Free

Optimize and convert to WebP all the images on the site

Mega Menu
4.9 (18)
$60.00

Adds new functionality in the standard menu. With display similar to Amazon.

YouTube Video Gallery
4.7 (25)
$15.40
Substitute product pictures with videos and attract more customers to your store
Professional Full-Width Banner
4.9 (15)
$13.40

Engage your customers with full-width banners containing an advertising text and a call-to-action button

Advanced menu functionality
4.9 (13)
$16.60

Add  dropdown and horizontal menus and customize it with labels, icons and additional context

Product Image Effects (Change images on hover)
5.0 (10)
$20.00

Adds beautiful effects to images in the list of products and other options for their display