Latest release date: December 25, 2015
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.
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:
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:
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:
background: url('//demo.cart-power.com/powercart/images/bg/paris.png') no-repeat fixed 50%;
Please, remember to add this class to "User-defined CSS-class" of grid.
- Store Builder
- Store Builder Ultimate
- Multi-Vendor Plus
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
Optimize and convert to WebP all the images on the site
Substitute product pictures with videos and attract more customers to your store
Engage your customers with full-width banners containing an advertising text and a call-to-action button
Add dropdown and horizontal menus and customize it with labels, icons and additional context