StoreFront

Last Updated:

May 24th, 2015

Category:

Configuration

This article contains the configuration details for the StoreFront template. Using these information you can configure your template when you cannot use the Quickstart package. Please remember that some details like the template settings can be imported directly as the JSON file, what is faster than the manual configuration.

HikaShop configuration

The HikaShop configuration details are described here

Template Settings

IMPORTANT! Remember that you can import/export the template settings using the configuration manager.

File with exported settings for the StoreFront template is available here.

1. Advanced
2. Basic
3. Cookielaw
4. Features
5. Fonts
6. Layout
7. Menu
8. Socialapi

Fonts configuration

Body

Type: Standard fonts

Value:

Arial, Helvetica, sans-serif

Selectors:

body,
html, 
body button, 
body input, 
body select, 
body textarea,
.gkMenu > ul li div.childcontent li,
#gkBottom3 .box.bigtitle .header,
.nspHeader,
.box.newsletter .header

Headers

Type: Google Web Fonts

Value - font-family:

Rosario

Value - URL:

http://fonts.googleapis.com/css?family=Rosario:400,700

Selectors:

#gkMainMenu,
h1,h2,h3,h4,h5,h6,
blockquote,
.gkMenu > ul li div.childcontent header,
.result-title,
#gkMenuOverlayContent,
.gk-newsletter input[type="button"],
#gkMenuOverlayClose,
#gkMenuOverlayHeader,
#gkLogo.text,
.gkIsWrapper-gk_storefront figcaption,
.product-price span.PricesalesPrice,
.gkTotal,
.products .nspArt,
.products .nspHeader,
#gkSearch input,
.hikashop_product_msrp_price

Other I - selectors

This font group isn't used.

Other II - selectors

This font group isn't used.

Available Module Positions

Module positions available in the template.

Available Module Variations

Module variations available in the template.

Module settings

Below you can find list of the module positions available in the StoreFront template which contains modules in the demo content configuration:

1. bannertop

   • Module title:

     Banner

     Module position:

     bannertop

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

2. bottom1

   • Module title:

     Bottom I

     Module position:

     bottom1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Bottom II

     Module position:

     bottom1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Bottom III

     Module position:

     bottom1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     What our clients say

     Module position:

     bottom1

     Module suffix:

     parallax

     Configuration screenshots:

     Module details Module configuration content: view HTML code

3. bottom2

   • Module title:

     "parallax" suffix

     Module position:

     bottom2

     Module suffix:

     parallax

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     From our blog

     Module position:

     bottom2

     Module suffix:

     separator overlay

     Configuration screenshots:

     Module details Module configuration

4. bottom3

   • Module title:

     Features

     Module position:

     bottom3

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

5. bottom5

   • Module title:

     Links

     Module position:

     bottom5

     Module suffix:

     double

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Sign up for our newsletter

     Module position:

     bottom5

     Module suffix:

     newsletter

     Configuration screenshots:

     Module details Module configuration content: view HTML code

6. breadcrumb

   • Module title:

     Breadcrumbs

     Module position:

     breadcrumb

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

7. cart

   • Module title:

     Cart

     Module position:

     cart

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

8. footer_nav

   • Module title:

     Footer menu

     Module position:

     footer_nav

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

9. header

   • Module title:

     Image Show GK4

     Module position:

     header

     Module suffix:

     double

     Configuration screenshots:

     Module details Module configuration

10. login

    • Module title:

      Login

      Module position:

      login

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

11. mainbody

    • Module title:

      New

      Module position:

      mainbody

      Module suffix:

      bigtitle

      Configuration screenshots:

      Module details Module configuration

12. mainbody_bottom

    • Module title:

      Suffix " advertisement"

      Module position:

      mainbody_bottom

      Module suffix:

      advertisement

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      "bigtitle" suffix

      Module position:

      mainbody_bottom

      Module suffix:

      bigtitle

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      NSP GK5

      Module position:

      mainbody_bottom

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

13. menu1

    • Module title:

      Rotate Products - Women

      Module position:

      menu1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

14. menu2

    • Module title:

      Rotate Products - Men

      Module position:

      menu2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

15. news_gallery

    • Module title:

      Beautiful featured products

      Module position:

      news_gallery

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

16. position-4

    • Module title:

      VM - Manufacturer

      Module position:

      position-4

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

17. search

    • Module title:

      Search VM

      Module position:

      search

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

18. sidebar

    • Module title:

      Banner module

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Suffix " dark"

      Module position:

      sidebar

      Module suffix:

      dark

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Suffix " light"

      Module position:

      sidebar

      Module suffix:

      light

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Suffix "VMmenu"

      Module position:

      sidebar

      Module suffix:

      VMmenu

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Top Comments

      Module position:

      sidebar

      Module suffix:

      clear

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Categories

      Module position:

      sidebar

      Module suffix:

      menu

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Calendar

      Module position:

      sidebar

      Module suffix:

      clear

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Top Authors

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Search

      Module position:

      sidebar

      Module suffix:

      clear

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Menu

      Module position:

      sidebar

      Module suffix:

      menu

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Categories

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      VM - Search in Shop

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

19. tab1

    • Module title:

      Tab - Featured

      Module position:

      tab1

      Module suffix:

      products

      Configuration screenshots:

      Module details Module configuration

20. tab2

    • Module title:

      Tab - New

      Module position:

      tab2

      Module suffix:

      products

      Configuration screenshots:

      Module details Module configuration

21. top1

    • Module title:

      Top I

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Top II

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Top III

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Banners

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Recently Added Articles

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Popular Articles

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

22. topbar

    • Module title:

      Banner topbar

      Module position:

      topbar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

23. topnav

    • Module title:

      Top navigation

      Module position:

      topnav

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

24. usermenu

    • Module title:

      User area

      Module position:

      usermenu

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

This article was first published April 30th, 2014