Products are the lynchpin of your store.
Familiarize 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 sections, images or via text.
Products are set up through the Products area of the Shopify dashboard.
Shopify has a great guide on how to add products here:
Product descriptions, compare at pricing (sale price), variants and images are outlined here:
Merchants can further customize how the products display in the Product page. Specific information can be set to displayed, if required as-well as various display options for thumbnails, and product descriptions.
To view your product page settings, head to:
Online store → Themes → Customize
Select 'Product pages' from the page selector dropdown,
Select 'Product pages' again from the left-hand settings panel:
This will open all the configurable settings for the product page
Edit how your products display to your customers. With these settings, you can customize the information that's displayed to customers.
We've gone through each of these settings in turn, with a small description of what these settings control.
Display the vendor of the product above the product title. The vendor information is set individually, in the product information.
To change this information, navigate to the product in the Shopify dashboard and proceed to edit the Vendor field:
Click on the field to type the name of a vendor. Hit save once done to apply the changes.
This option displays the Stock Keeping Unit assigned to the product. The SKU is set through the product options, on the Shopify dashboard.
When the Show Vendor checkbox is enabled, the SKU will then display on the product for customers to see and displays to the right of the product title.
Toggle to display a quantity selector for your product. Clicking the plus (+) and minus (-) changes to your quantity before adding the item to cart.
Enables a 'Buy it now' button, allowing customers to go straight to the checkout with the selected item.
Toggle between hidden and visible.
Enable the checkbox to display labels above the variant dropdown selectors.
Toggle between hidden and visible.
Toggle between active and inactive. When active, this feature triggers the dropdown selector to change to reflect the thumbnail clicked.
Note: show swatches will need to be turned off for this to show:
Selecting the variant image for the black bag changes the variant selector to black:
Selecting the variant image for the linen bag changes the variant selector to linen:
This setting sends an automated email to your store email, to alert you to message the customer when you have stock available for their selected variant.
This option automatically hides variants, as soon as the Out-of-Stock state is triggered. This is when the inventory count of a product reaches 0.
Select either “below product description” or “above product description”.
Select how the page should respond after the customer hits 'Add to cart':
Open the Cart Drawer with the item added:
Displays a success banner over the Add to Cart Button for a few seconds:
Loads the customer through to the Cart Page:
Allow customers to share your products right from the product page by toggling these icons:
The Media settings control the product image, thumbnails, zooming, and video looping features. This provides a more detailed view for customers when viewing a stores products.
Set the size of the main product image. This can be set to Small, Medium, Large or Full width.
Control where the thumbnails sit on the product page. Thumbnails can be set to be either underneath, to the right or left of the main product image.
Enable or disable zooming on Images when hovering over the product image.
Enable/disable looping on any videos added to the product descriptions.
Reviews allow your customers to review your products after purchase. Toggle between hidden and visible.
Review stars appear under your product title: