This CSS template will help you to beautify the CommercePro feature (using the Modern Gradient & Box Shadow concept) as shown in the images below.
In this template we have included 15 inner pages of the CommercePro module.
- Well-structured professional CSS code with comments.
We have used CSS Variables in this code, so it’s very easy to customize it. Suppose you want to change the gradient color scheme in all the pages, then you just need to change the hex color code here only, instead of changing it at many places.
$cpro-gradient-color1: #7537E7;
$cpro-gradient-color2: #35C9FF;
List View – Stores List Page: Here in this page we have applied the gradient section divider title, categories border radius, change the image of all category, search bar box shadow, stores list box shadow & border radius, store list text align left etc.
Store Details & Products List Page: Here in this page we have applied the background color to store details, sub title box shadow, gradient section divider title, categories border radius, change the image of all category, search bar box shadow, products list box shadow & border radius, remove product description etc.
Product View Page: Here in this page we have applied the gradient product title with fancy border, some rounded list/card border radius, gradient add to card button, background color to description section divider title etc.
List View – Category List Page: Here in this page we have applied the search box shadow & margin, category list box shadow & border radius, background color to category sub-title etc.
Sub-category List Page: Here in this page we have applied the search box shadow & margin, product list box shadow & border radius, background color to product price etc.
List View – Product List Page: Here in this page we have applied the search box shadow & margin, product list box shadow & border radius, background color to product price etc.
Cart View Page: Here in this page we have applied the gradient section title with white text color, some rounded card border radius, price text color, total amount background color etc.
Choose Store Page: Here in this page we have applied the gradient section divider title, some rounded card border radius & box-shadow, margin etc.
My Information Login Page: Here in this page we have applied the gradient section divider title, some rounded card border radius & box shadow, margin, gradient buttons etc.
My Information Page: Here in this page we have applied the gradient section divider title, some rounded card border radius & box-shadow, list item border radius & box-shadow margin etc.
Delivery Method Page: Here in this page we have applied the gradient section divider title, some rounded card border radius & box-shadow, margin etc.
Payment Method Page: Here in this page we have applied the gradient section divider title, some rounded card border radius & box-shadow, margin etc.
Review Page: Here in this page we have applied the gradient section divider title with white text color, some rounded card border radius & box-shadow, margin. price text color etc.
Order History Page: Here in this page we have applied the some rounded list/card border radius & box-shadow, margin etc.
Order Details Page: Here in this page we have applied the gradient section divider title with white text color, some rounded list item border radius & box-shadow, margin etc.
Notes:
- After purchase, you will get a CSS code which you can copy-paste in Colors Section > Advanced Customization CSS / SCSS Section.
- After purchase, you will get a zip file, just unzip it, you will find a txt file for CSS Code and a PDF File for instructions for CSS Codes Collection Module.
- You don’t have to upload this zip file anywhere.
- This is a CSS Template so support is only for any bug/error in the code. Customizations / Modifications are not included in the FREE support. If you need any additional changes, we will charge a nominal fee for our efforts and time.