GavickPro Documentation

StoreFront

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

Useful articles

Theme Settings

IMPORTANT! Remember that you can import/export the theme settings using the import/export page.

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

  1. Advanced
  2. Back-end Branding
  3. Basic
  4. Fonts
  5. Layout
  6. Navigation
  7. Pages
  8. Seo
  9. Shortcodes
  10. Socialapi
  11. Theme Branding

Fonts configuration

Body
Main font used in the theme
Type: Standard fonts
Value:
Arial, Helvetica, sans-serif
Selectors:
body,
html, 
body button, 
body input, 
body select, 
body textarea,
#main-menu .sub-menu li,
.box.newsletter .box-title,
.gk-nsp-header,
.archive .price .amount,
#gk-popup-cart .quantity .amount,
div[itemprop=\"offers\"] > .price .price-text

Headers
Font used for the headers
Type: Google Web Fonts
Value:
http://fonts.googleapis.com/css?family=Rosario:400,700
Selectors:
h1,h2,h3,h4,h5,h6,
blockquote,
a.textLogo,
#gk-main-menu,
#gk-menu-overlay-close,
#gk-menu-overlay-content,
#gk-menu-overlay-header,
.entry-summary .price
#gk-menu-overlay-content,
.widget_wysija_cont .wysija-submit,
.price .amount,
#gk-popup-cart .total span.amount,
#gk-popup-cart .cart_list li a,
#gk-search input,
.result-title,
.gk-nsp.products .gk-nsp-header,
.gk-nsp.products .gk-nsp-info span,
.gk-is-wrapper-gk-storefront figcaption > p,
ul.products li.product .onsale, span.onsale,
div[itemprop=\"offers\"] > .price

Others
Font used in the other theme elements
This font group isn't used.

Available Widget Areas

Widget areas available in the theme.

Available Widget Styles

Widget styles available in the theme.

Used GavickPro Widgets

The Storefront theme contains three built-in widgets which can be used for generating content on your website:

Widget settings

Below you can find list of the Widget Areas available in the StoreFront theme which contains widgets in the demo content configuration:

  1. Bottom
    • Widget title:
      Top Rated Products
      Widget area:
      Bottom
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:1238
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Woocommerce Top Rated Products
    • Widget title:
      Recent Reviews
      Widget area:
      Bottom
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:1238
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Woocommerce Recent Reviews
    • Widget title:
      -
      Widget area:
      Bottom
      Widget visible at:
      All pages except:
      Widget visibility settings:
      ,page:1238
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Custom CSS class
      Widget CSS class:
      double
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Sign up for our newsletter
      Widget area:
      Bottom
      Widget visible at:
      All pages
      Widget visibility settings:
      -
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Custom CSS class
      Widget CSS class:
      newsletter
      Configuration screenshots:
      Widget Text content: view HTML code
  2. Cart
    • Widget title:
      __My Cart__
      Widget area:
      Cart
      Widget visible at:
      All pages except:
      Widget visibility settings:
      ,page:1142
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Woocommerce Widget Cart
  3. Header
    • Mainbody
      • Mainbody Bottom
        • Widget title:
          Style "Advertisement"
          Widget area:
          Mainbody Bottom
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          Advertisement
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Text content: view HTML code
        • Widget title:
          GK NSP
          Widget area:
          Mainbody Bottom
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          GK Nsp
        • Widget title:
          __Style "BigTitle"__
          Widget area:
          Mainbody Bottom
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          Big Title
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Text content: view HTML code
        • Widget title:
          On-sale products
          Widget area:
          Mainbody Bottom
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:1238
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          Dark
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Products
        • Widget title:
          Recently Viewed Products
          Widget area:
          Mainbody Bottom
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:1238
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Recently Viewed Products
      • Mainbody Top
        • Widget title:
          Featured Products
          Widget area:
          Mainbody Top
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:1238
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          Light
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Products
      • Sidebar
        • Widget title:
          -
          Widget area:
          Sidebar
          Widget visible at:
          All pages except:
          Widget visibility settings:
          ,homepage
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Search
        • Widget title:
          -
          Widget area:
          Sidebar
          Widget visible at:
          All pages except:
          Widget visibility settings:
          ,homepage,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Calendar
        • Widget title:
          -
          Widget area:
          Sidebar
          Widget visible at:
          All pages except:
          Widget visibility settings:
          ,homepage,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Categories
        • Widget title:
          !Latest comments
          Widget area:
          Sidebar
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,post:,category:
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget GK Comments
        • Widget title:
          Style "dark"
          Widget area:
          Sidebar
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          Dark
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Text content: view HTML code
        • Widget title:
          Style "light"
          Widget area:
          Sidebar
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          Light
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Text content: view HTML code
        • Widget title:
          Style ''WC Menu''
          Widget area:
          Sidebar
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          WC Menu
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Nav Menu
        • Widget title:
          Menu
          Widget area:
          Sidebar
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          Menu
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Nav Menu
        • Widget title:
          Cart
          Widget area:
          Sidebar
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:1238
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Widget Cart
        • Widget title:
          Search Products
          Widget area:
          Sidebar
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:1238
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Product Search
        • Widget title:
          Product Categories
          Widget area:
          Sidebar
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:1238
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Product Categories
      • Top widgets
        • Widget title:
          Top I
          Widget area:
          Top widgets
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Text content: view HTML code
        • Widget title:
          Top II
          Widget area:
          Top widgets
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Text content: view HTML code
        • Widget title:
          Top III
          Widget area:
          Top widgets
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:widget-styles
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Text content: view HTML code
        • Widget title:
          Products
          Widget area:
          Top widgets
          Widget visible at:
          No pages except:
          Widget visibility settings:
          ,page:1238
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Products
      • Woocommerce Sidebar
        • Widget title:
          -
          Widget area:
          Woocommerce Sidebar
          Widget visible at:
          All pages
          Widget visibility settings:
          -
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Search
        • Widget title:
          Product Categories
          Widget area:
          Woocommerce Sidebar
          Widget visible at:
          All pages
          Widget visibility settings:
          -
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          Menu
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Product Categories
        • Widget title:
          Filter by price
          Widget area:
          Woocommerce Sidebar
          Widget visible at:
          All pages
          Widget visibility settings:
          -
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          None
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Price Filter
        • Widget title:
          Color
          Widget area:
          Woocommerce Sidebar
          Widget visible at:
          All pages
          Widget visibility settings:
          -
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          WC Menu
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Layered Nav
        • Widget title:
          Active Filters
          Widget area:
          Woocommerce Sidebar
          Widget visible at:
          All pages
          Widget visibility settings:
          -
          Widget visible on:
          All devices
          Widget visible for:
          All users
          Widget style:
          WC Menu
          Widget CSS class:
          -
          Configuration screenshots:
          Widget Woocommerce Layered Nav Filters
      StoreFront 5.005 (100.00%) 1 vote