14. Vantage Theme: Setting up the Product Page

In this article, we will go through how to set up a basic Product page. 

By default, the Product page shows the product image gallery  (with the thumbnails below), the price, variants, description, and social share icons.

Product Page Section Settings

There are some additional section settings in the theme editor that you can configure for the product page, but it is important to know that these settings will apply to  all product pages, globally across the site, not just a single product page. To access these settings, you will go to the theme editor and click on the template picker and choose Product Page.

Product Form Settings

The Vantage theme has a single setting for the Product Form. Choose to show the quantity selector.

Product Image Settings 

Under the Image Settings, you can choose whether show the zoom will show to the right of the images or inside the main image box.

Note: To get a good quality zoom on images, it is imperative to upload high-resolution images with a minimum of 1200px width in size.

Additional Accordion Dropdowns

The Vantage theme has accordion dropdowns for the product content. You can add additional accordions by clicking Add content. To use Reviews you must install the Shopify Product Reviews app. 

If you choose Page, you will be able to select a page to pull content from. In this example, we pull the content from the Returns page.

Split Product Description

If you have a lot of content in your product description and would like to split it up between the accordion and below the product form, as shown above, follow these steps.

Go to the product admin page and in your product description where you want the content to split paste <!-- split -->. Save the changes for this product and you will see everything below the split shows under "In Depth". You can change the wording for "In Depth" in your theme translations under Products > Product > More Details.

That is all the settings and set up for the product page, now let's move on to an Advanced Layout Product Page.