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.
- Open the Shopify admin, click on settings > Custom data
- Create a metafield with the following attributes:
name = "product pros",
content type = "single line text",
check "accept list of values" - Repeat creating another metafield with the following attributes:
name = "product cons",
content type = "single line text",
check "accept list of values" - Go to a product in the Admin
- Below the product content you will see the new metafields that have been created, add values to your pros and cons list
- Open the Shopify theme editor
- Navigate to a product page
- Add the pros and cons product block
- 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.
Tip: Open Theme settings > Product pages to view more product display options which include showing swatches or dropdowns for variants, displaying the SKU, quantity and dynamic checkout buttons.
Note that these theme settings are shared with any Featured product sections that you choose to display in your store.