The Product page is where you highlight the features and benefits of your individual products.
Use the theme editor to select a layout option, adjust product form settings (sold-out options, dynamic checkout buttons, redirect customers to the cart), and configure media settings for the Product page.
Access the product page settings
- In the theme editor (Customize), open the template selector
- Select Product pages
- Under TEMPLATE in the left sidebar, select Product pages
Consider adapting your product descriptions into tabs with our HTML code approach: Adding tabs to your product description
Select a layout option
Empire comes with two different layout options product pages, Two columns or Three columns.


Adjust product form settings
Scroll down to FORM to access the product form settings.
Sold out options
Use the Sold out options portion of your product page template settings to control how sold-out products are presented in the product form.
The options are:
- Selectable
- Disabled
- Hidden
Selectable keeps out-of-stock variants visible and allows customers to select them, however, they cannot be added to the cart.
Disabled will keep out-of-stock variants visible, but not selectable by the customer.
Hidden excludes out-of-stock variants altogether from the product form.
Dynamic checkout buttons
Include an additional add-to-cart button that also directs customers straight to the Checkout page, enable Show dynamic checkout button (DCB).
Working with dynamic checkout buttons
Redirect customers to the cart
Enable cart redirection to direct your customers to the cart page after adding an item to the cart.
Some apps require disabling AJAX, which is precisely what Enable cart direction allows. To disable AJAX, simply Enable cart direction.
Configure media settings
The Aspect ratio dropdown controls the width-to-height ratio for the Product page image wrapper.
The options are:
- Natural
- Square
- Short
- Tall
This can help keep them more consistent to browse through if the images are uploaded with varying ratios.
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.
The options are:
- Below main image
- Left of main image
Image zoom
Allow customers to get a closer look at high-quality product images by selecting Enable image zoom.
This feature works with images above 1600px in width.
Select a roll-over zoom style
Have the zoom feature display as a Separate box by selecting that option from the Roll-over zoom style dropdown. Alternatively, select Replace main image to keep the zoom contained in the main image wrapper.
Adjust the magnification level
Adjust the Initial image zoom level using the labeled dropdown.