Store Pages

NOTE

This feature is still in development and will gradually be released to all customers.

To see your store pages, in the side panel of the editor, click eCommerce, and then click Store Pages.

The store automatically adds the following pages:

  • Store Homepage
  • Category Page
  • Product page
  • Checkout & Cart

Category, Product, and Cart & Checkout can be customized, but they cannot be deleted. These pages are automatically connected to the Store catalog.

Store Homepage

The store homepage is the main entry to your store. It includes the Product Gallery widget and can be customized as needed. You can choose any other page and set it as the store homepage.

NOTE

Each store must include one store homepage. If you delete the store homepage, you will be prompted to set another page as the homepage.

To edit the store homepage:

  1. In the side panel of the editor, click eCommerce, and then click Store Pages
  2. To open the homepage in the editor, click Store Homepage.
  3. Click the Product Gallery widget to open the Content Editor. For more information on editing the widget, see Product Gallery Widget.

Change Store Homepage

To change the store homepage to a different store page:

  1. In the side panel of the editor, click eCommerce, and then click Store Pages
  2. Click the settings (edit_icon.png) icon next to the homepage, and then click Switch Store Homepage.
  3. Select the new store homepage from the list of pages.

The content in the Product Gallery widget is synced with store data. To edit, go to the Store Control Panel. To access the Store Control Panel, in the side panel, click eCommerce and then click Manage Store.

Category Page

The category page displays all products contained in one specific category in your store. This page is created as a dynamic page, so any customizations to the design of this page are reflected on all other category pages.

NOTE

This page cannot be deleted and does not appear in the navigation.

To edit the store category page:

  1. In the side panel of the editor, click eCommerce, and then click Store Pages.
  2. To open the homepage in the editor, click Category Page.
  3. Click the Category Page widget to open the Design Editor. You have the following options:
    • General. Enable and customize Breadcrumbs or a Footer on your category page.
    • Products. Change the layout and text styling for the different areas of text, such as 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.
    • Animation. Configure the Trigger and Animation for the category page. For more information, see Add Animations.
    • Spacing. Configure the outer and inner spacing on the category page.
  4. To see the other category pages, select the page from the drop-down in the top navigation bar.
  5. When you are finished customizing the design of the page, in the top navigation bar, click Done.
    All design changes are reflected on all category pages in your store.

Product Page

The product page displays the details about a specific product. This page is created as a dynamic page, so any customizations to the design of this page are reflected on all other individual product pages.

NOTE

This page cannot be deleted and does not appear in the navigation.

To edit the single product page:

  1. In the side panel of the editor, click eCommerce, and then click Store Pages.
  2. To open the homepage in the editor, click Product Page.
  3. Click the Product Page widget to open the Design Editor. You have the following options:
    • General. Enable and customize Breadcrumbs or a Footer on your product page.
    • Single Product Page. Change the layout and text styling for the different areas of text, such as 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. Click More Design Options to see all options.
    • Animation. Configure the Trigger and Animation for the single product page. For more information, see Add Animations.
    • Spacing. Configure the outer and inner spacing on the product page.
  4. To see the other product pages, select the page from the drop-down in the top navigation bar.
  5. When you are finished customizing the design of the page, in the top navigation bar, click Done.
    All design changes are reflected on all product pages in your store.

Checkout & Cart Page

The checkout & cart page displays the checkout page customers see when they have added products to their cart and are ready to checkout.

NOTE

This page cannot be deleted and does not appear in the navigation.

To edit the single product page:

  1. In the side panel of the editor, click eCommerce, and then click Store Pages.
  2. To open the homepage in the editor, click Checkout & Cart.
  3. Click the Checkout & Cart widget to open the Design Editor. You have the following options:
    • General. Enable and customize Breadcrumbs or a Footer on your product page.
    • Cart & Checkout. Configure the design of the cart & checkout title, subtitles, and link style.
    • Animation. Configure the Trigger and Animation for the single product page. For more information, see Add Animations.
    • Spacing. Configure the outer and inner spacing on the product page.
Was this article helpful?
0 out of 0 found this helpful

Feedback on this article

0 comments

Please sign in to leave a comment.

×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!