Setting up Empire's product page

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.

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.