In Storefront Pages serve two purposes:
- They are standard pages like your Home page, your About Us page, etc.
- 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
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.
To sort pages from the Catalog -> Pages menu simply click the “+” icon and drag the page up or down in the hierarchy.
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