2.3 Catalog Pages

Catalog Pages

In Storefront Pages serve two purposes:

  1. They are standard pages like your Home page, your About Us page, etc.
  2. They are dynamic catalog pages or as some may be familiar to them category pages.

So when grouping products into “categories” you’re actually grouping them into “Pages”.  This type of structure simplifies content management and makes it possible to create a hybrid of static content pages with dynamic products injected into them.

Managing Catalog Pages

To manage the pages of your site, click on Catalog in the top menu and then select “Pages” as shown below:


This will cause the list of Pages to display


From this screen you’re able to manage your catalog pages

Adding Pages

To Add a new page to your site, select the parent page from the dropbox box and then enter the name for the new page and click “Add Page”


Your page will now appear in the list of pages.

Sorting Pages

To sort pages from the Catalog -> Pages menu simply click the “+” icon and drag the page up or down in the hierarchy.


Deleting Pages

To delete a page, simply click on the Red Button with a trash can on it and the page will be permanently deleted.  Please note this is a permanent action and should only be done when absolutely necessary.

Editing Page Settings

To edit the page settings for a page simply click on the page name from the Pages menu.  This brings up the “Edit Page” screen as shown below


Adding Products to a Page

To add products to a page, from the Edit Page screen, click on the button: Add Products


This will bring up the Products list and you can add products to the page by clicking on the green Add button next to the product name.


Sorting Products on a Page

To sort products on a page, click on the button “Edit / Sort Products”.


This brings up a list of products and you can sort the products by clicking on the “+” button and dragging the product up and down.


Deleting Products From a Page

To Delete products from a page, click on the “Edit / Sort Products” button and then click on the red garbage can icon to delete the product permanently.

Setting Page Name

To Set a page name, from the Edit page screen, enter a new name in the field “Name” highlighted below and then click the save button.


Setting Page URL

To Set a page URL, from the Edit page screen, enter a new URL in the field “URL” highlighted below and then click the save button. Please note that only letters, numbers and dashes should be used when creating URLS and when pages are nested below other pages the URL will also be nested.


Making a Page Hidden

To make a page ‘Hidden” simply check the box next to “Hidden” and click save. The page will still exist but will not be displayed to searchs or visitors.


Selecting the Template for a Page

Each Theme in Storefront has several different page templates. You can quickly change the Template a page uses by clicking on the Template dropbox down and selecting the template you wish to use and then clicking the Save button.  Please note not all template pages uses the same content areas in their pages and your content areas that were edited or modified may be lost.  


Editing a Page Description

The Description area of a page can be edited by using the HTML editor highlighted below. This content will display in the “description” area of the page and can only be edited here.

To edit the description simply enter your content in the box highlighted below and click the “Save” button to save the changes.


Setting Optional Meta Tags for a Page

In storefront you have control over a range of Optional Meta Tags for your pages. These tags are an important part of how search engines index pages and display the pages in search results. To access these settings, click on the button “Optional Meta Information” highlighted below.


This will expand the Optional Meta Information fields as shown below


From here you can enter the Meta Title.  This is the title tag that displays in search results.  The Meta Keywords, these are Keywords your product page is optimized for and the Meta Description, this is a short description about the page and also appears in search results.  Once you’ve edited this content click the save button to continue.

Saving a Page

To save a page, simply click on the “Save” button at the bottom of the page

    in 2. Catalog Management