Storefront Design Customizer

  1. Home
  2. Storefront Design Customizer
  3. Homepage

Homepage

 Storefront Product Categories

Changing the number of category columns in Homepage Product Categories Section

Using the Storefront Design Customizer, you can set your product categories to 1, 2, 3, 4 or 5 columns. Follow these steps to change homepage product categories to 2 categories per row:

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Storefront Product Categories
  3. Set the Category per row to 2 column
  4. Click on Save & Publish.

Show more categories on Homepage

By default, Storefront shows 3 categories on homepage. But you can show more than 3 categories by following below steps:

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Storefront Product Categories
  3. Set the number of categories you want to display using Categories per page drop down.
  4. Click on Save & Publish.

Change Storefront Category Section Heading or Title

By default title of the product category section is titled “Product Categories”. You can change this text following below steps:

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Storefront Product Categories
  3. Write your new section heading in Title field.
  4. Click on Save & Publish.

Change Storefront Category Section Background Color

Follow these steps to set background color or image of Storefront Product Category section.

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Storefront Product Categories
  3. Scroll down to Background color option
  4. Select the background color using color picker.
  5. Click on Save & Publish.

Storefront Recent Products

Changing the number of product columns in Homepage Products  Section

In Storefront WooCommerce theme you can display Recent, Featured, Popular, On Sale, Best Selling products on Homepage. By default these products are displayed on 3 column grids. Using Storefront Design Customizer you can change the column settings on each homepage product section. For example, lets display the recent products in 4 column.

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Storefront Recent Products
  3. Scroll to Products per row and select 4 Columns
  4. Click on Save & Publish.

Show more products on Homepage

lets display only 4 products in the recent products section:

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Storefront Recent Products
  3. Set the number of products you want to display using Products per page drop down.
  4. Click on Save & Publish.

How to add text above Homepage Products

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Storefront Recent Products
  3. Write your text in Section Description field.
  4. Click on Save & Publish.

Storefront Homepage Posts

How to display blog posts in Storefront Homepage

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Homepage Posts
  3. Set number of posts you want to display from Number of Posts to Display drop down
  4. Click on Save & Publish

Homepage Slider Section

How to Add Slider in Storefront Homepage

Using Storefront Design Customizer you can easily add slider section to your Storefront Homepage. After installing Storefront Design Customizer, follow these steps:

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Slider Shortcode
  3. Insert your favorite sliders shortcode in the Slider Shortcode field
  4. Click on Save & Publish

Note: To display slider on all page, check the “Show Frontpage Slider on All Pages”

Product Category

How To Display Product With Subcategories in Homepage

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Product Category
  3. Select Layout 4 from Category Layout
  4. Click on Save & Publish.

 

Featured Product Slider

How To Display Featured Product Slider in Homepage

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Feature Product Slider
  3. Select number of slides you want to display and Layout
  4. Click on Save & Publish.

Homepage Service Blocks

Display Service Blocks in Homepage

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Feature Blocks
  3. Fill out Block Title, Description, Image field
  4. Click on Save & Publish.

How To Re-order Storefront Homepage Section

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Homepage Control
  3. Drag and re-order the sections according to your own need.
  4. Click on Save & Publish.

How To Remove a Section from Storefront Homepage

  1. Click on Dashboard > Appearance > Customize
  2. Go to Homepage Sections > Homepage Control
  3. uncheck the tick beside the sections you don’t want to display.
  4. Click on Save & Publish.