Product pages

Build up your store’s offerings and entice buyers with your range of products, displayed in the best possible way.

Overview

Products are the lynchpin of your store. Without products, you would have nothing to sell, so it’s immensely important you master how to add products and familiarise yourself with all the settings available to build your store and your brand correctly, right from the start.

Products can be linked to on your storefront by using images or via text.


How do I add a product?

Shopify have a great guide on how to add products here:

https://help.shopify.com/manual/products/add-update-products

Product descriptions, compare at pricing (sale price), variants and images are outlined here:

https://help.shopify.com/manual/products/understanding-products


How can I display or link to my product page on my storefront?

Here are two examples of how you can display your products on your storefront.

The first example is a text link in the footer:

If you need help with setting up footer links, we have a great resource available here:

http://docs.wetheme.com/envy/footer/#menu

Here is a more visual representation of your product/s, using the “featured product” section:

More info is available on specific sections and their options here:

http://docs.wetheme.com/envy/sections/

Once your product link is clicked on, regardless of visual format, your customers will either be taken through to that product’s dedicated page where further details are shown, or if the “add to cart” button is clicked, the product will be added to the cart.

Here is an example of the “image with text” section, linking to a product:


What control do I have over my product page layout?

To view your product page, head here:

  1. Admin
  2. Online store > Themes > Customise
  3. Select 'Product pages' from the page selector dropdown:
  4. Select 'Product pages' again from the left-hand settings panel:

You will see the following options:

Show vendor

Toggle between hidden and visible.

Show quantity selector

Toggle between hidden and visible.

Show dynamic checkout button

Toggle between hidden and visible.

Show variant labels

Toggle between hidden and visible.

Change variant based on the thumbnail

Toggle between active and inactive. When active, this feature triggers the dropdown selector to change to reflect the thumbnail clicked.

Cart button location

Select either “below product description” or “above product description”.

Related products

Toggle between enable and disable.

Heading: Add your own heading text for the related products feed. By default, this reads “other fine products”.

Product images

Image size: Choose between small, medium or large, from the dropdown selector.

Thumbnail position: Choose between “below main image”, “left of main image” or “right of main image” from the dropdown selector.

Below main image

Left of main image

Right of main image

Enable image zoom

Toggle between enable and disable.

Enabled

Disabled

Reviews

Toggle between hidden and visible.

Stock

Toggle to enable and disable an out of stock email link next to your product listing:


That is everything that you need to know about your product pages. You are now full to the brim with storefront knowledge and ready to show the world!