HomepageConfigurationStoreFront

StoreFront

Last Updated:
Category:
Configuration

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
  4. Mainbody
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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

This article was first published

← Back

Villa Belluci - View our NEW theme
×

Tutorials & tips delivered regularly

Expand your purchase with regular tutorials and tips to making your site better, direct to your email.