Customize Store Design

The Website Builder allows you to 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.

Add Categories to Site Navigation

To add store categories to the main site navigation:

1. In the side panel of the editor, click eCommerce.
2. 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.

Edit Store Widgets

To move or delete store widgets on any page of your site, just click and drag them like any other widget in the Website Builder.

To add new store widget, in the left menu, click Store, and then click Add store widgets.

To customize the individual widget, click or right-click the widget, and select Edit Design.

Edit Store Design

The store design can be edited using the Global Design settings in the Design tab or by clicking the store widget to access specific designing options. To access the design editor, right-click the store widget and click Edit Design.

General

Set the initial screen for the store widget in the General section of the Design Editor. You can choose to set the main store or one of your categories to display as the first page of your store widget.

Categories and Products

The Design Editor allows you to edit the layout of the Categories and Products page. You can change text styling for the different areas of text, such as category and 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.

Single Products Page

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 are equipped to show off store products in the very best light (and layout) possible.

Search Results Page

Change the search result page layout using the drop-down menu.

Product Filters

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.

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 and 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.

To enable product filters:

1. Go to Manage Store.
2. Click Settings, and then click Product Filters.
3. Click Enable Filters.
4. Select the filter you want to present.

Product Filters are only available for the 2500 products store

Store Footer

Enable the store footer to show fixed elements on the store page, such as the shopping cart button and the sign in button. This footer only appears on the store page and will not affect the site footer.

The store footer design cannot be customized.