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.