Shop & Buy

Last Updated:

June 13th, 2015

Category:

Configuration

This article contains the configuration details for the Shop and Buy 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 ShopAndBuy template is available here.

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

Fonts configuration

Body

Type: Google Web Fonts

Value - font-family:

Raleway

Value - URL:

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

Selectors:

body button, 
.header,
.featured-view .spacer h3, 
.latest-view .spacer h3, 
.topten-view .spacer h3, 
.related-products-view .spacer h3, 
.browse-view .row .product .spacer h2,
.category-view .row .category .spacer h2,
h1,h2,h3,h4,h5,h6,
.box.bigtitle .header,
.gkMenu > ul > li,
h3.catProductTitle,
.product-overlay span,
#product-tabs li,
.gkPriceTable dt,
.gkPriceTable dd.gkPrice,
#gkMenuOverlayContent li,
.gkPrice,
.gkTotal,
.itemAuthorData h3

Headers

Type: Standard fonts

Value:

Arial, Helvetica, sans-serif

Selectors:

body,
#gkTopMenu,
#btnCart,
#gkFooter,
.catProductPrice,
.gkNspPM-ProductGallery2 .PricetaxAmount,
.gkNspPM-ProductGallery2 .gkAddToCart input.addtocart-button,
.gkNspPM-ProductGallery2 .gkReadon,
.gkMenu > ul li div.childcontent li,
#com-form-login > h4,
.pane-sliders .panel h3

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 ShopAndBuy 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:

     Free shipping__Stores with Worldwide Free Shipping.__

     Module position:

     bottom1

     Module suffix:

     bigtitle

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Brands __Brands for every style. Find yours.__

     Module position:

     bottom1

     Module suffix:

     bigtitle double

     Configuration screenshots:

     Module details Module configuration content: view HTML code

3. bottom2

   • Module title:

     About Us

     Module position:

     bottom2

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Service

     Module position:

     bottom2

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Connect

     Module position:

     bottom2

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Shop with Us

     Module position:

     bottom2

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

4. breadcrumb

   • Module title:

     Breadcrumbs

     Module position:

     breadcrumb

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

5. cart

   • Module title:

     VM - Shopping cart

     Module position:

     cart

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

6. footer_nav

   • Module title:

     Footer menu

     Module position:

     footer_nav

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

7. header

   • Module title:

     Header

     Module position:

     header

     Module suffix:

     border1

     Configuration screenshots:

     Module details Module configuration

8. login

   • Module title:

     Login

     Module position:

     login

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

9. mainbody

   • Module title:

     Products - Frontpage

     Module position:

     mainbody

     Module suffix:

     bigtitle

     Configuration screenshots:

     Module details Module configuration

10. 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:

      Suffix " bigtitle" with **Strong** __And with subheading line of the text__

      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:

      Tabs GK5

      Module position:

      mainbody_bottom

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

11. search

    • Module title:

      Search

      Module position:

      search

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

12. 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:

      Blog Categories

      Module position:

      sidebar

      Module suffix:

      dark

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Tag Cloud

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Archives

      Module position:

      sidebar

      Module suffix:

      -

      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:

      Store Currencies

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

13. top1

    • Module title:

      Top I Banner

      Module position:

      top1

      Module suffix:

      border1 clear

      Configuration screenshots:

      Module details Module configuration

    • 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:

      Frontpage Top I

      Module position:

      top1

      Module suffix:

      border1

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Frontpage Top II

      Module position:

      top1

      Module suffix:

      border1

      Configuration screenshots:

      Module details Module configuration

14. topmenu

    • Module title:

      Top navigation

      Module position:

      topmenu

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

15. usermenu

    • Module title:

      User area

      Module position:

      usermenu

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

This article was first published August 2nd, 2013