Mr Parker - Product pages

Product pages include a number of setup options that allow you to shape and control the behavior and appearance of content.

Product section settings:

Product section settings are divided into groups for easier viewing.

Media

• Enable click to enlarge
  Adds a modal window with zoom in 
• Gallery layout
  Choose between a traditional slideshow  with thumbnails or large stacked images to scroll down.
• Thumbnails position
  If using the Slideshow option set the thumbnails to the left, right or below the main image.
• Thumbnails visible
  Choose how many thumbnail images are visible at one time.
• Slider navigation
  Choose between arrows or dots to navigate between slides.
• Enable video looping
  When video is used on a product toggle it's ability to loop or play once.

Form options

• Background color
  Set the background color of the product form area.
• Border
  Add a border to the product form to help define it's appearance

Product page blocks

Product pages also contains blocks which allow you to control additional content and the order in which it appears on the page. 

• Product header
  Includes the product title, vendor and price details.
• Product form
  Includes product variants, quantity selectors, add to cart buttons and pickup availability.
• Product description
  The product description content.
  Note that when tabs have been added moving this block will not adjust its position in relation to other content.
• Popup
  Show unique content in a popup modal window for each product. Can be set up using metafields or shortcodes.
  Set a label ( visible to the customer ) and a shortcode name.
  The short code name is used in your product description which when wrapped around content will pull it from your description and add it to the modal instead.
  In a product description simply set up your formatting as:
  
  [#my_label] Content to show in the modal [/my_label]
  
  
• Tab content
  Adds additional text content to your product page in a tabbed layout. When a tab is added your product description will automatically show as the first tab content.
• Pros and Cons
  Highlight the pros and cons or strengths and weaknesses of a product using metafields.
  
  
  1. Open the Shopify admin, click on settings > Custom data
  2. Create a metafield with the following attributes:
     name = "product pros", 
     content type = "single line text", 
     check "accept list of values"
  3. Repeat creating another metafield with the following attributes:
     name = "product cons", 
     content type = "single line text", 
     check "accept list of values"
  4. Go to a product in the Admin
  5. Below the product content you will see the new metafields that have been created, add values to your pros and cons list
  6. Open the Shopify theme editor
  7. Navigate to a product page
  8. Add the pros and cons product block
  9. For the block fields choose a dynamic source and assign the text field to appropriate list metafield
     
     
  
• Product Customization
  Allows you to add a customization block for customers to add single line text, multiple line text, or an image. Best used on separate templates for customizable products. Does not adjust pricing.
• Payment Icons
  Allows you to put a banner that gives the appearance of trust badges.