Folder StructureL

When you unpack downloaded archive from ThemeForest.net you'll get folder containing 3 folders.

Here they are, sorted alphabetically:

  1. Documentation - Documentation for Wokiee HTML site template
  2. build - Main folder for template (*Сompiled version) "Gulp"
  3. src - Main folder your workflow "Gulp" https://gulpjs.com/
    gulpfile.js, package.json, package-lock.json - file for "Gulp". (*in order to deploy the build system)

BUILD - HTML folder structure:

  • /HTML
    • ajax-content (Ajax load product)
    • css (Template CSS)
    • external (Template js)
    • favicon (Favicon Template)
    • font-icons (Font icons connected to the site)
    • images (All Images)
    • js (Bundle js)
    • scss (Template SCSS)
    • video (Template video)

SRC - HTML folder structure: (folder your workflow "Gulp" https://gulpjs.com/)

  • /HTML
    • ajax-content (Ajax load product)
    • css (Template CSS)
    • external (Template js)
    • favicon (Favicon Template)
    • font-icons (Font icons connected to the site)
    • images (All Images)
    • includes (All Images)
      • includes/footer (All Layout Footer)
      • includes/header (All Layout Header)
      • includes/header/objects (All Objects Header)
      • includes/svg-sprite (Svg icon - which are embedded in html)
      • includes/back-to-top.html (html object "back-to-top" - which are embedded in html)
      • includes/head.html (html object "head" - which are embedded in html)
      • includes/include-demoswitch.html (html object "demoswitch" - which are embedded in html)
      • includes/include-fixed-singleproduct.html (html object "singleproduct" - which are embedded in html)
      • includes/include-js.html (html object "include js" - which are embedded in html)
      • include-modal.html (html object "main modal" - which are embedded in html)
      • include-modal-additional.html (html object "additional modal" - which are embedded in html)
      • include-promofixed.html (html object "promofixed" - which are embedded in html)
    • js (JS files)
    • scss (Template SCSS)
    • video (Template video)

CONTENT

Content divided on pages:

  • index.html - Home page
  • index-02.html, index-03.html, index-04.html, index-05.html, index-06.html, index-07.html, index-08.html, index-09.html, index-10.html, index-11.html, index-12.html, index-13.html, index-14.html, index-15.html, index-16.html - Different layouts page
  • listing-collections.html, listing-collections-02.html, listing-left-column.html, listing-left-column-with-block.html, listing-not-sidebar.html, listing-not-sidebar-filters.html, listing-not-sidebar-full-width.html, listing-one-row.html, listing-right-column.html - Product listing pages
  • product-type-01.html, product-type-02.html, product-type-03.html, product-type-04.html, product-type-05.html, product-type-06.html, product-type-07.html, product-type-08.html, product-variable.html - Product info pages
  • blog-listing.html, blog-listing-col-left.html, blog-listing-col-right.html, blog-masonry-col-2.html, blog-masonry-col-3.html, blog-masonry-col-3-filter.html, blog-single-post.html, blog-single-post-gallery.html, blog-single-post-video.html - Blog content pages
  • portfolio-boxed-col-02.html, portfolio-boxed-col-03.html, portfolio-boxed-col-04.html, portfolio-boxed-col-04-without-filter.html, portfolio-fullwidth-col-03.html, portfolio-fullwidth-col-04.html, portfolio-fullwidth-col-05.html - Portfolio pages
  • page-shopping_cart.html, page-shopping_cart-02.html, page-shipping-returns.html, page-wishlist.html, page-compare.html - Shopping Cart page
  • page-account.html, page-account_address.html, page-account_address_fields.html, page-account_order.html, page-login.html, page-registration.html - Account page
  • empty-cart.html, empty-category.html, empty-compare.html, empty-not-pages.html, empty-search.html, empty-wishlist.html, empty-wishlist-02.html - Empty pages
  • page-about.html, page-faq.html, page-lookbook.html, page-lookbook-02.html, page-maintence.html, page-privacy-policy.html, page-sizing-guide.html, page-terms.html, page-typography.html - Other content page
  • index-rtl.html - RTL mode example
BACK TO TOP