Customise Store Design

You have free reign over the appearance of your eCommerce store, including the widgets and layout. By personalising the design and atmosphere of your store, you can enhance the presentation of your products to customers.

If you want the products from the product gallery widget to link to the store, you must include the Main Store widget on at least one page of your site. If not, when a customer clicks on a product, they will receive a 404 error.

Add Categories to Site Navigation

This option will not be available if your store does not have categories.

Here are the steps on how to add store categories to the main site navigation:

1. Click eCommerce on the editor’s side panel.
2. Select one of the following options from the Add category pages to site navigation drop-down menu:

• Do not add option excludes category pages in site navigation.
• Beside site pages option includes category pages as top-level navigation pages. To determine where to place the category pages in the site navigation, select an option from the Where do you want to place them drop-down menu.
• As subpages option includes category pages in the navigation as subpages of a specific page. Select a page from the Add as subpages drop-down menu.
  

Add Store Widgets

Store widgets may be moved or removed from any page of your site by dragging them like any other widget. For further information, see Add Widgets.

To add a new store widget, select eCommerce tab, then Add Store Widgets on the left panel. To customise a specific widget's appearance, right-click the widget on the site and select Edit Design.

Edit Store Design

se the Global Design settings on the Design tab to modify the look of your store or click the Main Store widget to access specific design options.

• To access the global design settings, click Design on the left panel.
• To access the design editor, right-click the Main Store widget and select Edit Design.

General

1. Select Edit Design by right-clicking the Main Store widget.
2. To configure the store widget’s first screen, click General and select a page from the Main Store drop-down menu.  You may select whether to display the main store or one of your categories as the first page of your store widget.

Categories and Products

The Design Editor can be used to customise the layout of the Categories and Products pages.

1. Right-click and select Edit Design from the Main Store widget. 
2. Change the layout and text formatting for different areas of text, such as category/product titles, price, and SKU, by clicking Categories or Products. This menu allows you to change the spacing between items, element behavior (hover effects), and the number of products displayed on a page.
   

Single Product Page

Cart & Checkout

The cart and checkout title, subtitles, and link style can all be configured.

1. Right-click the Main Store widget and select Edit Design.
2. Click the Cart and Checkout button.
   

Customise Breadcrumb Style

Enable breadcrumbs on store pages and customise their style so that customers can easily see where they are in the store.

Follow these steps to change the default text labels in your store:

1. Click eCommerce tab on the left panel, then click Manage Store.
2. Select Apps on the Store Manager panel, and then click Install StoreFront Label Editor.
3. Tap Add + Custom Label.
4. Search the label you want to modify and click Find This Label.
5. Enter a new label name in the field provided on the right.
   

To change the order of the products in a category, do the following:

1. Click eCommerce tab then select Catalogue.
2. Tap Categories, and then click Category products.
3. You can now select and drag the products into the desired order.
   

You can add product filters to assist customers in locating the products they need. Using this method, customers can quickly find and buy the products in your store.This is useful if your inventory has a large range of products. Simply configure the filters based on price,inventory level, promotions, keywords, product options, and attributes.

Product Filters are accessible only in the Advanced Store and higher.

Everything can be set up quickly. Your store's optimal filters are pre-configured depending on the amount of products, product options and attributes, enabled promotions, product stock levels and more. There’s a filter update once you add, remove, change or sell products in the store. Every time your customers visit your site, they will view the most up-to-date filters.

1. Go to the Store Control Panel.
2. Select Settings, and then click Product Filters.
3. Click Enable Filters.
4. Choose the filter you wanted to present.

FAQs