In Shopify, a product template is a essential layout that determines how each product page appears on your online store. It controls the way product details, images, and information are presented to customers when they view a specific product. Product templates are crucial for customizing your store’s product pages, ensuring a cohesive and attractive shopping experience for your customers.
Understanding Shopify Product Templates
Theme comes with 2 pre-defined product layouts, Default, Quickview. These are simple JSON templates that contains list of necessary sections & blocks to be displayed.
- Quickview – You can use Quickview layout to setup the product information to be displayed in a popup when the users clicks Quickview action button in Collection of products which can be in main collections page.
- Default – This is default or usual layout to be used when you open the product of the website. This layout defines the information & contents to be shown in the main product page.
You must have to atleast one product to customize the product templates.
Customizing Product Templates
Product template has two dedicated sections to display product details & information effectively.
Product summary
Product summary is the main content section on a product page where essential product details and information are displayed.
Below are the main settings for the product summary
Setting Name | Description |
---|---|
Product gallery Slider | It will display the product featured image as a slider. |
Product thumbnail Slider | It will display the product featured images as thumbnails and sync them with Product gallery |
Along with above settings, this section also includes common section settings to control basic width & spacing.
Also this section includes the following blocks:
- Vendor
- Title
- Price
- Shoppay banner
- Description
- Stock count
- Variant picker
- Buy buttons
- Pickup availability
- Collapsible row
- Complimentary products
- Information popup
- Share
- Information box
- Text
- Rating
- Custom liquid
Product recommendation
It helps to suggest more related or similar products that might useful for the customers who are interested in this specific product.
You can find the way to control product recommendation here
Useful links
- You can create your own product layout as well, just refer here to create custom product templates