Ecommerce UI kit

by Templatemount.com

Thank you for Purchasing our template.

Ecommerce UI kit is a new collection of HTML blocks and templates for any kind of ecommerce websites or landing pages. Ready to use blocks. Speed up your workflow with beautifully designed and coded components and ready to use sample pages.

Getting Started

# Included files

All plugins and files are included in head part of document. Everything comented well.
All included plugins with its styling are inside the folder /plugins/

# Style structure

All styles made with SASS, which can be found in sass folder. In the head part of the page your can find styling files called mystyle.css and responsive.css

All stylings are inside mystyle.css, But some overwritings for mobile view are in responsive.css

if you want to edit any styling or value, just go into sass/ folder and _vars.scss or any other folder, Then compile it

Also included sass version of bootstrap styles. Many bootstrap stylings (colors and sizes) are also edited.

Note: I prefer Koala SASS compiler. it is easy for those people who doesn't like to work with black terminal screen.

<!-- UI styles --> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/> <link href="css/mystyle.css" rel="stylesheet" type="text/css"/> <link href="css/responsive.css" rel="stylesheet" media="only screen and (max-width: 1200px)" />

# Bootstrap

We used Bootstrap 3.7 framework.

For specific changes in section it is recommended to edit _base.scss file.
Fonts also included inside the _base.scss (at the top)

Colors or other common units can be edited from _vars.scss

For repetitive css effects (shadow or gradient) use examples from _mixins.css

For components like button, boxes, etc. Edit file in folder sass/components/

For repetitive stylings like backgrounds, fonts styls, margins, borders and alignments, Edit file in sass/helpers/

Repetitive section like Header, Footer and Intro can be edited from files inside folder sass/sections/

For any responsive overwritings edit sass/responsive.scss

To change bootstrap styling edit inside folder sass/bootstrap/ or sass/bootstrap/mixins

Panels

# Panel with cell grid

Col Lorem ipsum dolor

Col Lorem ipsum dolor

Col Lorem ipsum dolor

Col Lorem ipsum dolor

Col Lorem ipsum dolor

Col Lorem ipsum dolor

Some kind of bottom text

Blocks

Iconboxes

# Iconbox in panel

# Iconbox equal height blocks

Creative Strategy & solution

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Some good title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

Track your time

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

Building Business Innovation

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

Track your time

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

Building Business Innovation

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

# Iconbox icon aside

All emails in one place

This sounded nonsense to Alice, so she said nothing, but set off at once toward the Red Queen. To her surprise, she lost sight of her in a moment.

Search similar posts

This sounded nonsense to Alice, so she said nothing, but set off at once toward the Red Queen. To her surprise, she lost sight of her in a moment.

Organize your files

This sounded nonsense to Alice, so she said nothing, but set off at once toward the Red Queen. To her surprise, she lost sight of her in a moment.

Track your time

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

Custom profiles and themes

This sounded nonsense to Alice, so she said nothing, but set off at once toward the Red Queen. To her surprise, she lost sight of her in a moment.

Secured protocol

This sounded nonsense to Alice, so she said nothing, but set off at once toward the Red Queen. To her surprise, she lost sight of her in a moment.

# Icon shape aside

Trend Forecasting

Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

Creative Strategy & solution

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt

Building Business Innovation

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt lab

# Iconbox round in block

Sync across all devices

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labor

Secured protocol

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut lab

Track your time

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore

# Iconbox in block hover

Trend Forecasting

This sounded nonsense to Alice, she said nothing, but set once toward the Red Queen.

Free support

This sounded nonsense to Alice, she said nothing, but set once toward the Red Queen.

Number one

This sounded nonsense to Alice, she said nothing, but set once toward the Red Queen.

Made with love

This sounded nonsense to Alice, she said nothing, but set once toward the Red Queen.

List style

Buttons

# Buttons styles

Round   Outline   Shadow  

Hover shadow   Light   Secondary  

# Social buttons

Cards

# Card product

# Card product with details

# Card product complex

Another name of item

Some small description goes here

132 reviews
154 orders
Order Now
$1280 $1980

Good product

Some small description goes here

132 reviews
154 orders
Order Now
$1280 $1980

Product name goes here

Some small description goes here

132 reviews
154 orders
Order Now
$1280 $1980

# Card product mini

Some name of item
$1280 $1980
Similar items
Product name or heading goes here
$1280
Similar items
Another name of item
$1280
Similar items

# Imagebox

Beauty & Personal Care
Check now
Beauty & Personal Care
Check now
Beauty & Personal Care
Check now
Beauty & Personal Care
Check now

# Card seller info

Jiangmen Pengjiang Angel Drinking Water

5 years 565 orders

Exported to:
USA, UK, RU
Company name goes here

5 years 565 orders

Exported to:
USA, UK, RU
Seller name is here

5 years 12421 orders

Exported to:
USA, UK, RU

Listing

# Product list card

Ut wisi enim ad minim veniam

132 reviews
154 orders

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Ut wisi enim ad minim veniam

Color
Black and white
Material
Syntetic, wooden
Delivery
Russia, USA, and Europe

# Product listing simple

Ut wisi enim ad minim veniam

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Ut wisi enim ad minim veniam

Color
Black and white
Material
Syntetic, wooden

132 reviews 154 orders

Here goes heading of product

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Ut wisi enim ad minim veniam

Color
Black and white
Material
Syntetic, wooden

132 reviews 154 orders

Forms

# Login form simple

Forgot?

# Form custom icon

# Form input group

Some message goes here

Forgot password?

# Register form

Please, write your email

# Contact form

(success)

# Payment form


/

# Request form

One Request, Multiple Quotes.

Select template type:

Shopping

Shopping cart

SHOPPING CART
Item detail Price Quantity Action
Product name goes here
Size:
XXL
Color:
Orange color
USD 45 (USD 15 each)
Remove
Product name goes here
Size:
XXL
Color:
Orange color
USD 45 (USD 15 each)
Remove
Product name goes here
Size:
XXL
Color:
Orange color
USD45 (USD 15 each)
Remove