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:
Magnific-Popup
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
Imagesloaded
This plugin loads the images before the isotope is created
Folder: app/addons/imagesloaded.pkgd.min.js
https://imagesloaded.desandro.com/
Slick slider
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/
Swiper slider
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/
jQuery Zoom
Folder: app/modules/magnificent
This plugin is used to zoom images.
More documentation about this plugin here
http://www.jacklmoore.com/zoom/
Codrops Multi-level Menu
Folder: app/modules/codrops
This plugin is used for the overlay layered menu.
Simple Bar
This plugin is used for horizontal scrolling to hide the usual scrolling of overflowing divs.
https://github.com/Grsmto/simplebar
Sticky kit