Testament 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.

Product media

  • 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