This article contains the configuration details for the inStyle 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.
Template Settings
IMPORTANT! Remember that you can import/export the template settings using the configuration manager.
File with exported settings for the inStyle template is available here.
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
- Headers
- Type: Google Web Fonts
- Value - font-family:
Qwigley
- Value - URL:
http://fonts.googleapis.com/css?family=Qwigley
- Selectors:
#gkLogo.text, .gkBanner > h2, .box.bigtitle .header, #gkMenuOverlayClose, #gkMenuOverlayHeader, .gkIsWrapper-gk_shop_and_buy .figcaption h3, .product-price span.PricesalesPrice, .gkTotal
- Other I
- Type: Google Web Fonts
- Value - font-family:
Raleway
- Value - URL:
http://fonts.googleapis.com/css?family=Raleway:300,500
- Selectors:
#gkMainMenu, h1,h2,h3,h4,h5,h6, .gkMenu > ul li div.childcontent header, .result-title, .gkBanner > h2 > a > span, .gkBanner > strong, .box.bigtitle .header > small, #gkMenuOverlayContent, .gkIsWrapper-gk_shop_and_buy .figcaption p, .gk-newsletter input[type="button"]
- 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 inStyle template which contains modules in the demo content configuration:
- article_inset
-
- Module title:
- Most Popular
- Module position:
- article_inset
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- bannertop
-
- Module title:
- Banner
- Module position:
- bannertop
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- 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
-
- bottom3
-
- Module title:
- Links
- Module position:
- bottom3
- Module suffix:
- double
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Sign up for inStyle news__Newsletter__
- Module position:
- bottom3
- Module suffix:
- bigtitle newsletter
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- breadcrumb
-
- Module title:
- Breadcrumbs
- Module position:
- breadcrumb
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- cart
-
- Module title:
- Cart
- Module position:
- cart
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- footer_nav
-
- Module title:
- Footer menu
- Module position:
- footer_nav
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- header
-
- Module title:
- Header
- Module position:
- header
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- login
-
- Module title:
- Login
- Module position:
- login
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- mainbody
-
- Module title:
- Best __Sellers__
- Module position:
- mainbody
- Module suffix:
- bigtitle products
- Configuration screenshots:
- Module details Module configuration
-
- 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__with subtitle in second line__
- 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
-
- Module title:
- Blog__Also this week__
- Module position:
- mainbody_bottom
- Module suffix:
- bigtitle grid2
- Configuration screenshots:
- Module details Module configuration
-
- menu1
-
- Module title:
- Rotate Products - Women
- Module position:
- menu1
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- menu2
-
- Module title:
- Rotate Products - Men
- Module position:
- menu2
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- news_gallery
-
- Module title:
- Beautiful featured products
- Module position:
- news_gallery
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- position-4
-
- Module title:
- VM - Currencies Selector
- Module position:
- position-4
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- Module title:
- VM - Manufacturer
- Module position:
- position-4
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- Module title:
- VM - Search in Shop
- Module position:
- position-4
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- Module title:
- VM - Shopping cart
- Module position:
- position-4
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- 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:
- Men's Brands
- Module position:
- sidebar
- Module suffix:
- VMmenu
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Special Sizes
- Module position:
- sidebar
- Module suffix:
- VMmenu
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Featured Shops
- Module position:
- sidebar
- Module suffix:
- VMmenu
- 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:
- Banner I
- Module position:
- sidebar
- Module suffix:
- clear
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Banner II
- Module position:
- sidebar
- Module suffix:
- clear
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Banner III
- Module position:
- sidebar
- Module suffix:
- clear
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Menu
- Module position:
- sidebar
- Module suffix:
- menu
- Configuration screenshots:
- Module details Module configuration
-
- Module title:
- Women's Brands
- Module position:
- sidebar
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- Module title:
- Search VM
- Module position:
- sidebar
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- 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:
- Banner I
- Module position:
- top1
- Module suffix:
- banner
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Image Show GK4
- Module position:
- top1
- Module suffix:
- double
- Configuration screenshots:
- Module details Module configuration
-
- 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
-
- top2
-
- Module title:
- Banner II
- Module position:
- top2
- Module suffix:
- banner
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Banner III
- Module position:
- top2
- Module suffix:
- banner
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- Module title:
- Banner IV
- Module position:
- top2
- Module suffix:
- banner
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- topbar
-
- Module title:
- Banner topbar
- Module position:
- topbar
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration content: view HTML code
-
- topnav
-
- Module title:
- Top navigation
- Module position:
- topnav
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-
- usermenu
-
- Module title:
- User area
- Module position:
- usermenu
- Module suffix:
- -
- Configuration screenshots:
- Module details Module configuration
-