Product template
How to customize your product information in product pages
Take the following steps:
In the theme editor (Customize), click on the page selector
Go to the Products
Then you can go to the specific Product template
Section settings
Page width
Media Settings
Learn more about media types.
Desktop layout
Stacked: The stacked mode of Shopify product media refers to a layout option for displaying product images on a product page in a stacked or vertical manner. In this mode, multiple product images are displayed one below the other, allowing customers to scroll through and view each image individually. Thumbnails: The thumbnail gallery mode of Shopify product media is a display option for showcasing product images on a product page. In this mode, a collection of thumbnail images is presented in a horizontal gallery format. These thumbnails serve as smaller versions of the product images, allowing customers to quickly preview and select the images they want to view in more detail. Thumbnails carousel: In this mode, a collection of thumbnail images is presented in a horizontal gallery slider format. See demo
Media size Media is automatically optimized for mobile
You can change the product media column width by following these settings, Large, Medium, Small
Image height
You can change product media height by following these settings, Adapt to image, Large, Medium, Small
Mobile layout
Show thumbnail (Default selected): You can show a thumbnail gallery on a mobile device.
Hide Thumbnail: You can hide a thumbnail gallery on a mobile device.
Hide other variants’ media after selecting a variant
If you enable it, the Selected variant image will be displayed., Other variants of media will be hidden.
Enable sticky product information on large screens
If you enable it, The product information will be sticky on the large screen. If scroll down to the page, the media image will be fixed position beside the content.
Desktop layout
STICKY CART
Section padding
Desktop: Padding top
The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Desktop: Padding bottom
The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Mobile: Padding top
The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.
Mobile: Padding bottom
The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.
Section block settings
Title
This is the main product title. You can show/hide the title.
Price
Countdown timer
You can add/remove the timer block.
How to add a countdown timer, follow the instructions, [Learn more]
Inventory Status
Variant picker
How to customer the variant picker, follow the instructions, [Learn more]
Buy buttons
You can add/remove the block. How to customize the "Buy buttons" block, follow the instructions, [Learn more]
Share
Complementary products
How to add a Complementary product to your store, please follow the instructions - [Learn more]
Description
How to customize the "Product description", please follow the instructions - [Learn more]
Vendor
You can show/hide vendor name. You can add this block to a maximum number of 1
Additonal field
You can add 2 additional fields. You can add this block to a maximum number of 1.
Type
You can show/hide product type. You can add this block to a maximum number of 1
Sku
You can show/hide SKU. You can add this block to a maximum number of 1
Barcode
You can show/hide the barcode. You can add this block to a maximum number of 1
Collapisble row
You can add a collapsible row
Popup size guide
You can display the size guide in 2 ways -
1. Individual product: You need to set up a metafield. [Learn more] 2. All the products: You can add content from the customizer. Also, you can add a size guide for separate products. [Learn more]
NOTE: If you choose the option "all products," a size guide popup will appear for all the products. However, if you input a value from a metafield, that specific value will replace the default size guide for the corresponding product. [Learn more]
- Popup:
Popup text
You can add a pop-up. This popup will appear all the time for all products.
Popup contact form
The "Ask about this product" feature on the single product Shopify theme allows customers to inquire about specific product details or ask questions directly from the product page.
-------
Reviews
It enables customers to rate and write reviews, which can help other shoppers make informed purchasing decisions. [Learn more]
Variant picker
Type
Dropdown
Button
Color swatches
Enable color swatches
You can eanble/disable the color swatches
Swatch type
Color swatch (Default selected)
Variant image (You can display a variant image instead of the color swatch )
Option name
Define the color option name. Eg. Color, Colour, etc.
The name you used for the variant color option name must be entered exactly as it was there.
Color option style
Round
Square
Buy buttons
Show quantity button
You show/hide the quantity button
Show pre-order button
You show/hide the pre-order button.
How to display the "Pre-order" button,
please follow the instructions - [Learn more]
Show dynamic checkout buttons
You can show/hide the "Buy now" button. [Learn more]
Show wishlist button
You can enable/disable the wishlist button
Show compare button
You can enable/disable the compare button
Show trust badge
You can show/hide the trust badge
Trust badge text
You can add a text for the trust badge.
Product Description
Heading
You can add a title for the description
Icon
You can add a icon with the tile
Product description
Full description (If you add content to the product description from the product admin, it will be displayed here)
Short description (You need to use a metafield to use the short description) - How to add the metafield, follow the instructions - [Learn more]
Description word count
If you use the full description, you can control how much sound you want to display
COLLAPSIBLE ROW
Enable
You enable/disable the collapsible row to display the description.
Show disclosure by default
If you enable the collapsible row, you can display content by default enabling the option.
Product reviews
This is a free Shopify product review app. We've installed it in our theme by default.
You can install any app for your store. [Learn more]
Last updated