Vantage Theme: Setting up the Product Page
On this page:
Your product page includes a configurable set of options to shape and display the content that is shared across all products in your store.
To edit the product page section settings, in the theme editor open any product or alternatively click on the template picker and choose Product Page.
- Show sticky add to cart
Toggles a sticky Add to Cart button which will show at the bottom of the screen once a user has scrolled down and the original Add to Cart button is no longer visible
- Gallery style
Choose between a full page width scrolling gallery* or a more traditional large image with thumbnails
* Note that a minimum of 3 product images is required for the Full width gallery type
- Thumbnail position
Allows you to select the position of the thumbnail images, choose from Left, Right, and Below the main product image. On mobile, the images will resize and thumbnails will be hidden where customers are able to swipe through the main image carousel.
- Images shown when full width
When the Full-width Gallery style has been chosen this will dictate how many images are visible at any one time.
- Enable click to enlarge
Enables a modal window that will show an enlarged version of the image when clicked.
- Enable video looping
When Videos are included within your product media, toggle looping to allow the video to play infinitely.
Product content blocks
Vantage includes a built-in product page accordion which will allow you to add more content to your product descriptions and keep it split into manageable blocks. Each selection will automatically create a new accordion pane:
- Product description ( default )
This is automatically included in the selections as it contains your product description content once more blocks are added you will be able to re-order this with the other content.
- Product details
Adds more product information inside it's own Accordion pane, content options include:
- Show variant SKU
Shows the SKU of the currently selected product variant
- Show product inventory
Shows the quantity of the current variant available for purchase
- Show product weight
Shows the weight of the currently selected variant
- Show product type
Shows the product type with link to other products of the same type
- Show product vendor
Shows the product vendor with link to other products with the same vendor
- Show product collection
Shows the current collection with link
- Show variant SKU
- Accordion content
Add additional accordion panels with text editor which will be shown on all product pages, great for returns and delivery info
- Product reviews ( Requires Shopify reviews app )
Shows product reviews that have been captured for the selected product from the free Shopify product reviews app
Product theme settings
The theme settings exist to make changes to content in your store that is used repeatedly.
To access these global settings in the theme editor left sidebar scroll to the bottom of the page and select the Theme settings button, on the following panel scroll down and select the products tab
The following theme settings will also be applied to the Product pages, Home Page featured products section, and products shown within a Quick shop modal.
- Show dynamic checkout button
Lets customers check out directly using a familiar payment method. Learn more
- Product variant display.
Toggles between swatch buttons or a dropdown for the selection of product variants
- Color swatch style
Choose between square or circular swatch icons
- Use custom swatch images
When the name of your color variants are matched to names of colors in the HTML color chart each swatch will be filled with it's corresponding color tone, it would be impossible for the color chart to understand and preset the exact shade of Red or Blue your item might be so instead of this you can opt to upload your own custom swatch images or have this swatch filled with an image that has been mapped to your variant image within your product admin.
- Custom swatch location
You can choose to upload and source images from your theme assets or Shopifys files area ( preferred )
- Show quantity selector
Toggles a quantity selector
- When adding to cart
When an item is added to the cart, you can choose the action to be presented to the customer.
- Open modal/drawer cart: Toggles the drawer or modal chosen in your Cart theme settings
- Go to cart page: Takes the customer to the shopping cart for expedited check out