In this article you will learn how to explore/change Page Options for select Page Type/Template(s) on your website. Page Options allow you to change the layout and in some cases content of a page, of select Page Type/Template(s).

To get started login to your site's Admin.

The Page Type/Template(s) which you can alter the page layout of are:

  • General - Basic content pages
  • Item List - Allows you to generate a catalog page with product narrowed down to select Brands, Collections (within Brands), Item Types, Styles, Materials and Categories.
  • Item Brand List - "  "
  • Item Department List - " "
  • Blog Post Archive (aka 'Our Blog' - or whatever your blog is called - landing page)

Your General Pages

A 'General' content page is generally (no pun intended - or was it?) just words and maybe some images on a page. Common pages with this Page Type/Template are: About Us, History, Education detail pages, etc..

For pages with the 'General' Page Type/Template there are four page layout options:

  • Full Width - Content spans from left to right full-width on the page.  
  • Columns - Content spans from left to right full-width, but within each widget you can select how many columns the content within the widget should take up.
  • Sidebar Right - Content sits on the left and there is space on the right for "sidebar content".
  • Sidebar Left -  Content sites on the right and there is space on the left for "sidebar content". *
    *Besides the catalog filters being on the left, sidebar-left for General content pages is a thing of the past. Old school. Not recommended unless you're willing to change it across all General pages on your site.

To Edit A 'General' Page

  1. Navigate to Content > Pages
  2. Click on the page title of the page you want to modify the layout of - it should have a Type/Template of 'General'
  3. Near the top-right of the page click "Edit Options"
  4. Make your edits*
    *If just playing around, we recommend making one change at a time. Save the page then go to the page you modified but on the front-end. Refresh the page to see the change(s) you made. If you don't like the change(s) go back to the Page Options for this page in the Admin and change it back to the previous setting(s).
  5. Save!

Your Catalog

If you wish to modify your Catalog's layout there are three pages which you'll need to update to have the same Page Options settings. These pages are:

  • Our Catalog
  • Our Catalog - Brand
  • Our Catalog - Department

To Edit Your Catalog's Layout

Taking the following steps will modify your catalog's landing page layout. If that is what you are wanting to do, you need to follow these steps for each of the three pages listed above (Our Catalog, Our Catalog - Brand, Our Catalog - Department).

  1. Navigate to Content > Pages
  2. Click on one of the three pages
  3. Near the top-right of the page click "Edit Options"
  4. From the 'Item Layout > Value' drop-down select a different option* - The default is 'Layout 3'
    If you select 'Layout 1' you will then need to: click "Save & Continue Editing" then check the 'Layout 1' box under the 'Use Default' column then click "Save".
  5. Save!*
    *You will notice a lot of other options to modify the catalog's page options. You can play around here... make a change, click "Save & Continue Editing", refresh the page on the front-end to see how you like it. If you don't, change it back.

Creating A Unique Product Page

You can utilize the 'Item List' Page Type/Template to create your own landing pages for specific sets of product. Some examples would be On Sale, Holiday Specials, What's New, and so on.

To Create A Unique Product Page

  1. Navigate to Content > Pages
  2. Click "Add Page" in the top-right
  3. From the "Page Type/Template' drop-down select 'Item List'. Instead of scrolling to find it, click the drop-down then start typing "item list" - when it comes up, click on it.
  4. Fill out the rest of the required fields - only bold fields are required.
  5. Click "Save & Continue Editing"
  6. Click "Edit Options"

Here you can set both the layout options but also select from Brands, Collections (within Brands), Item Types, Styles, Materials and Categories to narrow down to the product you wish to display.

  1. Apply your category or categories to generate the product you want on the page.
    Keep in mind the more categories you apply here, the more narrowed-down your product will be. It is very possible to apply enough categories to give you a result of no product. If the categories you apply here are not in the product details of the items themselves, the product will not display on the page. It will only draw product that has all categories you're selecting here.

Scenario: Let's say I select 'Triton' as a brand, 'men's wedding bands' as a category and 'ceramic' as a material. I save my work, go to this page on the front-end of the website, and it displays no product. What could be the issue? Well, I know for a fact I have Triton on my website so it can't be that category... so either the specific item type of 'men's wedding bands' is not tied to a single Triton item on my site or there are no 'ceramic' (material) bands. Hopefully that makes sense. If you apply too many filters and no product is showing on a page you've created, take a few of the categories away and then one-by-one add them back in to figure out which category is the culprit, or look at the product itself to see which categories are within the product details.

Your Blog

If you wish to modify your Blog's landing page layout there is one page which you'll need to update. This page is:

  • Our Blog (or whatever your blog is called) with the page Type/Template of 'Blog Post Archive'

To Edit Your Blog's Page Layout

  1. Navigate to Content > Pages
  2. Click on the 'Our Blog' page (or whatever your blog is called) with the page Type/Template of 'Blog Post Archive'
  3. Click "Edit Options"
  4. To change the layout from 'Grid', un-check the 'Grid' box under 'Use Default'
  5. Click the down arrow next to 'Save' and click "Save & Continue Editing"
  6. From the 'Value' drop-down select a layout other than 'Grid'
  7. Save!