Folder Structure

Template folder structure:

+-- app/
| +-- addons/ 
| | +-- codrops/ 
| | +-- Isotope/ 
| | +-- jquery-ui/
| | +-- Magnific-Popup/ 
| | +-- simplebar/ 
| | +-- slick/ 
| | +-- swiper/
| | +-- classie.js 
| | +-- imagesloaded.pkgd.min.js 
| | +-- jquery.sticky-kit.min.js
| | +-- jquery.zoom.js 
| | +-- modernizr-custom.js 
| +-- css/
| | | +-- bootstrap/ 
| | | | +-- css/
| | | +-- scss/ 
| | | | +-- elements/
| | | | +-- utils/ 
| | | +-- source-maps/
| +-- fonts/
| | +--font-awesome/
| +-- images/
| +-- img-assets/
| +-- js/
| | +-- plugins/
| | +-- script.js
| +-- webfonts
| +-- index.html
| +-- login.html
| +-- about.html
| +-- article.html
| +-- blog.html
| +-- cart.html
| +-- checkout.html
| +-- contact.html
| +-- contactForm.php
| +-- product.html
| +-- shop.html
+-- gulpfile.js
+-- package.json

App folder contains the template ready to be customized using npm. For those who don’t use npm should use the “dist” folder for customizations.

Addons Folder

This folder contains various modules for the html template:

Folder: app/addons/Magnific-Popup

This plugin is used for images and video popup

More documentation about this plugin here

http://dimsemenov.com/plugins/magnific-popup/documentation.html

Isotope.js

Folder: app/addons/isotope

More details about this plugin

https://isotope.metafizzy.co/

This plugin loads the images before the isotope is created

Folder: app/addons/imagesloaded.pkgd.min.js

https://imagesloaded.desandro.com/

Folder: app/modules/slick

This plugin is used to create responsive sliders inside your website.

More documentation about this plugin here

http://kenwheeler.github.io/slick/

Folder: app/modules/swiper

This plugin is used to create responsive sliders inside your website.

More documentation about this plugin here

http://idangero.us/swiper/get-started/

Folder: app/modules/magnificent

This plugin is used to zoom images.

More documentation about this plugin here

http://www.jacklmoore.com/zoom/

Folder: app/modules/codrops

This plugin is used for the overlay layered menu.

Multi-Level Menu

This plugin is used for horizontal scrolling to hide the usual scrolling of overflowing divs.

https://github.com/Grsmto/simplebar

http://leafo.net/sticky-kit/