To determine which eCommerce solution you are on, see How do I know if I am using Native eCommerce or Third Party eCommerce?
You can choose the widgets and layout of your eCommerce store. By customizing the design and layout of your store, you can improve the presentation of your products.
You must include the Main Store widget on some page in your site once in order for products from the product gallery widget to link to the store. Otherwise, customers will receive a 404 error when they click a product.
If your store does not have categories, you will not see this option.
To add store categories to the main site navigation:
-
In the side panel of the editor, click Sell Online.
-
From the Add category pages to site navigation drop-down, select one of the following:
-
Do not add. Does not include category pages in site navigation.
-
Beside site pages. Includes category pages as top-level pages in the site navigation. To configure where to place the category pages in the site navigation, select an option from the Where do you want to put them drop-down.
-
As subpages. Includes category pages as subpages of a specific page in the navigation. Select a page from the Add as subpages of drop-down.
-
To move or delete store widget s on any page of your site, click and drag them like any other widget . For more information, see Add Widgets.
To add a new store widget , in the left panel click Sell Online, then click Add Store widgets. To customize an individual widget , right-click the widget in the site, and select Edit Design.
The store design can be edited using the Site Theme settings in the Theme tab or by clicking the Main Store widget to access specific designing options.
To access the site theme settings, in the left panel, click Theme.
To access the design editor, right-click the Main Storewidget and click Edit Design.
-
Right-click the Main Store widget , and click Edit Design.
-
To set the initial screen for the store widget , click General, and select a page from the Main Store drop-down. You can choose to set the main store or one of your categories to display as the first page of your store widget.
The Design Editor allows you to edit the layout of the Categories and Products page.
-
Right-click the Main Store widget , and click Edit Design.
-
Click Categories or Products to change the layout and text styling for the different areas of text, such as category/product titles, price and SKU. The spacing between items and element behavior (hover effects) as well as the number of products displayed on a page can be toggled in this menu.
Up to a total of 100 categories and subcategories may be displayed in your store.
For example, if you have 10 categories and each of those 10 contains 50 subcategories, only 2 categories will be displayed with 50 subcategories in each.
The Design Editor also lets you edit elements on the single product pages. You can choose from multiple layouts to display items on individual product pages, and control elements such as the text location and thumbnail image layout and ratio. With these new customizations, you can show off store products in the very best light (and layout) possible.
-
Right-click the Main Store widget , and click Edit Design.
-
Click Single Product Page.
The hover background color and frame color cannot be changed from white.
To change the default text labels in your Store:
-
In the side panel, click Sell Online, and then click Manage Store.
-
Click Apps, and then click App Market.
-
Search for the label editor, and then click to install the StoreFront Label Editor.
-
Click + Add Custom Label.
-
Search for the label you want to change, and click Find This Label.
-
Type a new name for the label in the field provided on the right.
Product filters can be added to your store so customers can easily find just what they are looking for. Enabling customers to find products this way moves them quickly from search to buy. Filters can be set up by price, inventory level, promotions, keywords, product options and attributes. If your inventory is large and varied this can be especially useful.
Product Filters are only available for the Advanced Store and higher.
You can set everything up in minutes. Optimal filters are pre-configured and enabled for your store based on the number of products, available product options and attributes, enabled promotions, product stock levels and more. You can add/remove filters manually to create the experience you want to provide for your buyers. Filters update as you add, remove or update products in the store and as products are sold and inventory changes. Your buyers see the most updated filters every time they visit.
If your site was built before September 24th, 2017 you have the option to update your store's Design Editor. If you update the widget, a backup of the site will be created automatically. This update only changes the store Design Editor; it will not change any features in your store.
If your store has been created after September 24th, 2017 or if you have updated the widget already, you will have access to the new design editor.
You do not have to update your widget . You will be able to edit your widget using the previous widget editor as well.
If you reload a backup or undo while editing an existing store, you will need to re-update the widget. Keep in mind that if you do choose to update a store's design editor, a site backup will be created automatically.