Thank you for purchasing my theme. Our theme has an extensive documentation with easy to setup. If you still have some questions that you could not find in the scope of this help file, please contact me through email via my user page contact form here. You can also follow me on Themeforest to keep track of all my future themes, that you might be interested in. Thank you very much!
Site consists of 27 html pages.
index.html - Home sliderindex2.html - Home men promoindex3.html - Home kidsindex4.html - Home videosale.html - Home Saleshoes.html - Home shoeswomen.html - Shopmen.html - Shopshoes.html - Shoesabout.html - About Usproduct-page.html - Product Pagelove-list.html - Love Listshopping-bag.html - Shopping Bagmy-account.html - My Accountproduct-catalog.html - Product Catalogbrands-list.html - Brands Listupdate.html - Site Updatecontacts.html - Contactsshortcodes.html - Shortcodes404.html - 404 Pagearticles.html - Articlesarticle-single.html - Article Singlecheckout.html - Checkoutfaq.html - FAQblog.html - Blogblog-post.html - Blog Postsale.html - SaleTo hange the styles, colors, and other options in the site you can in css/style.css file. Configurations of all plugins are in the file js/myscript.js
Each major section of HTML code is marked with special labels for the convenience of code search and altering them.
Below there are lists of the files, used in template styles.
style.css - Main stylesheet. This file also contains some general styling, such as anchor tag colors, font-sizes, etc.bootstrap.min.css - bootstrap stylesflexslider.css - FlexSlider styles. Here main slider Styles are enclosed, that are used on the main pagefancySelect.css - Here styles of drop-down list enclosed, they are used in all drop-down lists of this template.animate.css - Main animation of blocks appearance, when scrolling the page down.flipclock.css - Styles of watches with countdown.Mind that these values might be overridden somewhere else in the file.
style.css file contains all of the specific stylings for the page.
Also with marks properties in the main css/style.css file, responsible for the style, are appropriated named. I'm using six CSS files in this theme.
/*-----------------------------------------------------------------------------------*/ /* NAME OF BLOCK /*-----------------------------------------------------------------------------------*/ etc.
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.
All images are found in the images. If you want to replace the image, just copy the folder with the same name as the original file with identical proportions.
Eleven Javascript files are used in this site.
myscript.js - User configuration file scripts. Most of the plugins in this site are run from the customizable file system. There are a few functions that you can look at./*-----------------------------------------------------------------------------------*/ /* NAME OF BLOCK /*-----------------------------------------------------------------------------------*/ etc.
jquery.min.js - jQuery v1.10.2bootstrap.min.js - bootstrap.js v3.0.0 by @fat and @mdosuperfish.min.js - responsible for the drop-down submenujquery.sticky.js - holds menu block at the top of the browser when scrolling downparallax.js - function is responsible for the parallax effectjquery.flexslider-min.js - flex slider script used on the front page (with additions)jquery.jcarousel.js - script responsible for carousel, used in new products, the list of brandsjqueryui.custom.min.js - jQuery UI - v1.10.0fancySelect.js - responsible for the drop-down listsanimate.js - responsible for the animation on the site when you scroll downIn this template FlexSlider plugin is used (with additional effects of appearance). FlexSlider is easy to setup and convenient to use. For the emergence of the block with the specific effect, this external block is named after this effect
The names of the classes that are assign to an external block for animation
FromLeft - emergence of the block from the leftFromTop - emergence of the block from the topFromRight - emergence of the block from the rightFromBottom - emergence of the block from the bottomThe addition of this class to the above effects can delay animation for a specified time (calculated in ms)
captionDelay1 - 1 millisecondcaptionDelay2 - 2 millisecondscaptionDelay3 - 3 millisecondscaptionDelay4 - 4 millisecondscaptionDelay5 - 5 millisecondscaptionDelay6 - 6 millisecondscaptionDelay7 - 7 millisecondscaptionDelay8 - 8 millisecondscaptionDelay9 - 9 millisecondscaptionDelay10 - 10 millisecondscaptionDelay11 - 11 millisecondscaptionDelay12 - 12 milliseconds