Webful - Accessories

Ecommerce HTML Template

Files And Directories

Root contain all 14 html files and 1 CSS file, this is main styles css file. Other directories are as follow.

Folders

HTML Structure

Each section in html is well commented and desciribing itself nicely. To use any available style in demo check html of that section to use anywhere you need. Like title with lines etc. 

 

CSS Structure

CSS is also very nicely commented and explaining itself by class names, style.css is main style sheet, while css/default-colors.css is for colors, other helping css files are also inside /css directory. 

Mega Menu

Manage Navigation just simple as it is put <li and its sub menus in ul inside parent <li> 

Creating Mega Menu

To create Mega menu just add class mega-menu to Parent <li> and inside that <li> Create new <ul> and each <li> of child ul would be a content block 100% which can hold 12 Grids as well see the demo.

Sliders

Revolution Slider

Please find revolution slider's documentation here https://www.themepunch.com/revsliderjquery-doc/slider-revolution-jquery-5-x-documentation/

Swipper banner plugin

Please find documentation here http://idangero.us/swiper/get-started/#.VyQAIDB97Dc

JavaScript

The theme js is in webful.js file which is inside /js folder, other files are helping plugin files. 

Foundation (Required)

Credits

I would like to say thanks to following to make work easy and fast.