To see your store pages, in the side panel of the editor, click Sell Online, 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.
Note
This content is only relevant to stores created after July 26, 2021 that contain Store Pages.
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:
In the side panel of the editor, click Sell Online, and then click Store Pages.
To open the homepage in the editor, click Store Homepage.
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:
In the side panel of the editor, click Sell Online, and then click Store Pages.
Click the settings (
) icon next to a page, and then click Switch Store Homepage.
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 Sell Online, 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.
Special characters are not supported for category names and may cause issues with the category's URL.
To edit the store category page:
In the side panel of the editor, click Sell Online, and then click Store Pages.
To open the page in the editor, click Category Page.
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.
To see the other category pages, select the page from the drop-down in the top navigation bar.
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.
Add Category Pages to Site Navigation
You can add category pages to the site navigation as subpages of a specific page or beside site pages as top-level navigation pages.
Note
If your store does not have categories, you will not see this option.
This feature is not supported in multi-language sites.
You can add a maximum of 150 categories to the site navigation.
To add category pages to the site navigation:
In the side panel of the editor, click Sell Online, and then click Store Pages.
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.
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.
Special characters are not supported for product names and may cause issues with the product's URL.
To edit the single product page:
In the side panel of the editor, click Sell Online, and then click Store Pages.
To open the page in the editor, click Product Page.
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.
To see the other product pages, select the page from the drop-down in the top navigation bar.
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 checkout & cart page:
In the side panel of the editor, click Sell Online, and then click Store Pages.
To open the page in the editor, click Checkout & Cart.
Click the Checkout & Cart widget to open the Design Editor. You have the following options:
General. Enable and customize Breadcrumbs or a Footer on the page.
Cart & Checkout. Configure the design of the cart & checkout title, subtitles, and link style.
Animation. Configure the Trigger and Animation for the checkout & cart page. For more information, see Add Animations.
Spacing. Configure the outer and inner spacing on the page.