The Product page is where you highlight the features and benefits of your individual products. Customize the product page template with the theme editor's blocks, theme settings, and additional sections.
Access the product page features and settings
In the theme customizer (Customize), select Products, then Default product (two-column layout), 3-columns (three-column layout), or additional templates.
Customize the product information settings
Click Product information in the left sidebar to open general settings for the template.
Select an aspect ratio
Use the Aspect ratio dropdown to select Natural, Short, Square, or Tall. This setting controls how images fit within the gallery container.
Activate Enable image crop to avoid including white space in the image container.
Assign the gallery thumbnails position
Thumbnails are the small preview images that accompany the main image. To control the position of these, select an option from the Thumbnails position dropdown.
Enable image zoom
Allow customers to get a closer look at high-quality product images by activating the image zoom settings. There are two options to consider: Roll-over image zoom or Click to zoom image.
This feature works with images above 1600px in width
Roll-over image zoom
When a customer hovers their mouse cursor over the main gallery image, the Roll-over image zoom option automatically enlarges a portion of the image.
To enable, select either Enabled (separate box) or Enabled (replace main image) from the Roll-over zoom style dropdown.
Click to zoom image
For a more manual approach, consider using the Click to zoom image option. Customers are encouraged to click the image by a label in the bottom-right corner.
When a customer clicks the image, a dedicated modal window opens to provide a closer look.
To enable this, select Enabled (all devices), Enabled on desktop only, or Enabled on mobile only.
Enable video autoplay
Have your videos play automatically when accessed by activating Enable video autoplay.
Some browsers and devices have settings to disable autoplay, so consider this limitation if troubleshooting the feature.
Enable video looping
Have your videos repeat once complete by activating Enable video looping.
Customize page blocks
Use the blocks listed in the left sidebar to customize the layout and features for the product page.
There are blocks for Title, Price, Description, Vendor, Form, Share, Text, and Reviews.
Add a Text block, then click to open the block's settings. Add the Text using the provided field.
Add a Reviews block to connect with the Product Reviews app.
Add a section
Add one of Empire's many sections to the product page template by selecting (+) Add section in the left sidebar.
Adjust theme settings for product pages
The theme settings have a direct effect on product page templates. Access the Products portion of the Theme settings to customize sale badges, the product form, variant selection, cart redirection, product reviews, and swatches.