Product template
How to customize your product information in product pages
Last updated
How to customize your product information in product pages
Last updated
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
Page width
Media Settings
Desktop layout
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: 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.
Title
This is the main product title. You can show/hide the title.
Price
Countdown timer
Inventory Status
Variant picker
Buy buttons
Share
Complementary products
Description
Vendor
You can show/hide vendor name. You can add this block to a maximum number of 1
Additonal field
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
Popup size guide
You can display the size guide in 2 ways -
- Popup:
Popup text
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
Dropdown
Button
Required! The variant picker type must be 'Button'
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.
Color option style
Round
Square
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,
Show dynamic checkout buttons
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.
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)
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.
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]
Learn more about
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.
You can add/remove the timer block. How to add a countdown timer, follow the instructions, []
How to customer the variant picker, follow the instructions, []
You can add/remove the block. How to customize the "Buy buttons" block, follow the instructions, []
How to add a Complementary product to your store, please follow the instructions - []
How to customize the "Product description", please follow the instructions - []
You can add 2 additional fields. You can add this block to a maximum number of 1.
You can add a collapsible row
1. Individual product: You need to set up a metafield. [] 2. All the products: You can add content from the customizer. Also, you can add a size guide for separate products. []
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. []
You can add a pop-up. This popup will appear all the time for all products.
-------
It enables customers to rate and write reviews, which can help other shoppers make informed purchasing decisions. []
The name you used for the variant color option name must be entered exactly as it was there.
please follow the instructions - []
You can show/hide the "Buy now" button. []
Short description (You need to use a metafield to use the short description) - How to add the metafield, follow the instructions - []
