Folder Structure
Template folder structure:
+-- app/ | +-- addons/ | | +-- isotope/ | | +-- Magnific-Popup/ | | +-- rellax-master/ | | +-- slick/ | | +-- imagesloaded.pkgd.min.js | | +-- jquery.countTo.js | | +-- jquery.smooth-scroll.min.js | +-- css/ | | | +-- scss/ | | | | +-- elements/ | | | | +-- utils/ | | | +-- source-maps/ | +-- fonts/ | | +--font-awesome/ | +-- images/ | +-- img-assets/ | +-- js/ | | +-- plugins/ | | +-- script.js | +-- add-to-cart.html | +-- article.html | +-- blog.html | +-- cart.html | +-- checkout.html | +-- contact.html | +-- default.html | +-- index.html | +-- news.html | +-- membership-checkout.html | +-- membership-levels.html | +-- 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:
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/
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
jQuery countTo Plugin
Folder: app/addons/
More details about this plugin
https://github.com/mhuggins/jquery-countTo
Rellax
Folder: app/addons/
More details about this plugin
Smooth Scroll
Folder: app/addons/
More details about this plugin
https://github.com/kswedberg/jquery-smooth-scroll
Slick Slider
Folder: app/addons/
More details about this plugin
http://kenwheeler.github.io/slick/