Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Organizing products

Creating a logical structure for your store is key to driving sales and creating a great shopping experience. Use this guide for tips on positioning your Products Page within your site’s navigation and using tags and categories to help customers find what they’re looking for.

To follow this guide, you should already have at least one Products Page. To learn more, visit Adding products to your store.

Where products display

Products can display in four areas:

  • Products Pages - Browsable collections of products. In version 7.1, these are called Store Pages.
  • Product details pages - A page displaying a single product’s details and variant options
  • Product Blocks - A block you can add to any page that displays a product from one of your Products Pages.
  • Summary Blocks - A block you can add to any page that displays a sample of products by tags and categories

Products Pages

Tip: The information in this section also applies to Store Pages in version 7.1.

Products Pages are browsable collections of products. The page includes key details about each product, usually the title, price, and if it's sold out. Clicking on a specific product opens its details page for additional details.

You can have multiple Product Pages on your site. All templates have Products Pages, and their designs and style tweaks vary. Some templates include Product Quick View to display additional details without leaving the Products Page.

Best practices:

  • Give your Product Pages clear names, like Shop, Store, or Products.
  • Use the Product Page’s SEO title field to describe your products in more detail, like Homemade Organic Soaps.
  • To center the shopping experience, you can set a Products Page as your site’s homepage, or display the link first in your site’s navigation.
  • Use different Products Pages for very broad groups of products (like Men’s and Women’s apparel), and then use categories within those pages to divide products by type (Tops, Bottoms, Shoes).

Reordering products

You may want to change the order in which products display in a Products Page. For example, you can place your best-selling items first.

  1. Open a Products Page.
  2. In the panel, click and drag a product to move it into place. You can press and hold Shift to select multiple products simultaneously.
  3. After selecting one or more products, click these actions in the lower banner to automatically move products:
    • Move to another page - Move products to another Products Page. Visit Moving collection items between pages for more information.
    • Move to top - Move products to the top of the page. These will appear first in your store.
    • Move to bottom - Move products to the bottom of the page. These will appear last in your store.

Product details pages

Every product in a Products Page has its own details page with details about it, including additional images, variant drop-down menus to display multiple options (for example, size and color), and an Add to Cart button. Product details pages are sub-pages of a Products Page.

Best practices:

  • If a product has many variants, and each option has a different price or stock level, you can split these up into separate products instead.
  • When creating different products for similar items, use unique descriptions and titles for each item. Descriptions that are too similar might affect how search engines rank your products.
  • If you sell products that require lots of customization, create a custom product form to display when a customer clicks Add to Cart. Use the form to collect customization information.
  • Add limited availability labels to let shoppers know when items are low in stock.
Tip: Gift cards display a Purchase button that leads directly to checkout instead of an Add to Cart button.

Product Blocks

Product Blocks display a single product from one of your Products Pages. You can add Product Blocks to any page. This is a great option if you want to add more shopping areas to your site. To learn more, visit Product Blocks.

Summary Blocks

Summary Blocks pull content from Products Pages and display it on other pages on your site. This is a great way to highlight products on your homepage, or change the layout of your products without switching templates. To learn more, visit Using Summary Blocks.

Browsing for products

Add tags and categories

Add tags and categories to your products to help your customers find what they're looking for.

Categories automatically create navigation links on your Products Page. Both tags and categories can be used as filters in various organizational blocks.

Category navigation

Categories added to product items create a navigation on your Products Pages. Whether you can hide the category navigation depends on your site's version and template.

Category navigation displays automatically after you add a category, and can't be hidden.

In some templates, you can hide the category navigation in Site Styles using the Show Category Navigation or Products: Sort + Filter - Display tweaks. 

Folder subnavigation

Another way to organize your store is by adding subnavigation using folders with links to different categories.

For example:

  1. Create two folders titled Men's and Women's.
  2. In each folder, add links to categories like Shirts, Pants, and Shoes.

When a visitor clicks one of the links, they'll see a filtered list of content with that category.
To learn more, visit Adding links to categories or tags.

Tip: As another option, you could add multiple Product Pages to each folder.


More ways to organize products

Visit these guides for more options for displaying tags and categories:

Was this article helpful?
69 out of 184 found this helpful
Organizing products