Testament Theme: Setting up the Product Page
On this page.
- Product media
- Product form options
- Product content options
- Product page content blocks
- Product theme settings
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.
- Enable click to enlarge
Enables a modal window that will show an enlarged version of the image when clicked.
- 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.
- Thumbnail Images to Show
The Thumbnail images to show option specified the number of thumbnail images shown near the image slideshow.
If the setting is set to zero then no thumbnail images will appear near the image slideshow.
- Slider control styles
Choose between arrows or dots to inform customers that more images are available for viewing.
- Enable video looping
When Videos are included within your product media, toggle looping to allow the video to play infinitely.
Product form options
- Background color & border
Set the color of the form on the right side of your product page.
- Left align product form
Forces left alignment of product details and variant options
Product content options
- Show social icons
Toggles visibility of social sharing icons for Facebook, Twitter, and Pinterest
- Show contact form link
Toggles a contact form allowing customers to ask product related questions without leaving the page
- Description position
Sets the position of where the product description will appear. Can be set to either above product options, beneath product options or below the product image and options.
Product page content blocks
The Content Section allows for re-orderable blocks which will be presented in an accordion. Each block becomes an accordion pane that users can click through. The positioning of the accordion is determined from the Product Description Position option mentioned previously.
- Accordion content
Adds an accordion page to your product description area
- Product description
When selected and added this applies the product description to an accordion pane
Product theme settings
The theme settings exist to make changes to content in your store that is used repeatedly.
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.
- Product variant display.
Toggles between swatch buttons or a dropdown for the selection of product variants
- Show color swatches
When swatches are selected from the product variant display (above) you can enable color icons to be used in place of text for variants belonging to a group of options that are named Color or Colour, so instead of the word: "Red" being shown you will see a Red icon for selection.
- Color swatch shape
When swatches are enabled choose between square, rectangular or circular for the display of color swatches.
- Color swatch style
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.
- Show variant SKU
Displays the SKU for the selected variant
- Show quantity selector
Toggles a quantity selector
- Show dynamic checkout button
Lets customers check out directly using a familiar payment method. Learn more
- 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