Product information
How to customize your product information in product pages
Last updated
How to customize your product information in product pages
Last updated
This article guides you through the process of adding, editing, or removing information on your product pages. Providing accurate, reliable, and comprehensive product details empowers customers to make informed purchasing choices.
Steps
In the theme editor (Customize), open the template selector.
Select Products, then Default product.
On the left-sidebar, add Product information.
Make necessary changes > Save.
Section width
3 options for container
Stretch width: span the section width regardless of screen size.
Fix width: depends on your page content width in Theme settings -> Layout.
Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Show breadcrumb
Display breadcrumb
Enable sticky content on desktop
When you enable it, the product content will be fixed in position
Learn more about
Desktop media width
3 options for desktop media width
Small
Medium
Large
*Media is automatically optimized for mobile.
Desktop media position
2 options for desktop media position
Right: The image is on the right, and the content is on the left
Left: The image is on the left, and the content is on the right
*Position is automatically optimized for mobile.
Desktop layout
3 options for desktop layout
Stack: The first image will be highlighted and larger than the remaining images
2 Columns: The product images will be divided into two columns
Thumbnail carousel: The product images are displayed in a carousel format with small thumbnail images
Enable variant image group
Desktop thumbnails position
3 options for desktop thumbnails position
Left
Bottom
Hide
Image zoom
4 options for desktop thumbnails position
Lightbox: When you click on a product image, it will display a popup with larger images
Inner zoom: When hovering over a product image, the image will zoom in
External zoom: When hovering over a point on the product image, a zoomed-in image of the hovered point will appear next to the product image
Hide: Do not display the zoom function
Enable video looping
When enabled, the video will loop if the product has a video
Enable video autoplay
When enabled, the video will autoplay if the product has a video
Mobile layout
2 options for desktop thumbnails position
Hide thumbnails
Show thumbnails
*Mobile thumbnail only shows when desktop layout is thumbnail carousel.
Step 1: Choose the product you want to set up Variant image group. Select an image that you uploaded for the product.
Step 2: Fill the Alt text with the corresponding variant
Step 3: Enable Variant image group on the product page.
Step 4: Experience the Variant Image group in your store.
Top padding: Customize the top margin of the section
Bottom padding: Customize the bottom margin of the section
Add the custom content you want
Display product title
Display product price
Show sale badge: Display product badges such as discounts, out of stock, in stock, and more
Display the product's rating
Show dynamic checkout buttons: Toggle the ''Show dynamic checkout buttons" option to include a direct checkout button
Type : Pills and Dropdown
Show size chart: Display size chart
Size chart label: Title of size chart
Size chart page: Select the page to display the size chart you've created
Add a heading and extra information on the tabs.
Heading: Include a heading that explains the content.
Row content: The content, as you've written
Row content from page: The content is get from the selected page
Link label: Content link
Icon: Selected icon display
Page: Selected page will display content
The option to display social networks for sharing or copying links to share.
Add app snippets or other Liquid code to create advanced customizations.
Display the promotion countdown.
Display the product description.
Display a form for users to submit questions to the seller about the product.
Upload the image you want
Show/hide collections, SKU, product type, and product tags.
Inventory status signifies the availability of a product. It's vital for ensuring products are in stock, managing inventory efficiently, and informing customers about availability on your website
Creates a straight line with customizable colors.
Variant image group is a feature that allows only the images of the chosen variant to be displayed at a moment. Follow to learn how to set up Variant image group for a product.
Show recipient information form for gift card: Enables users to schedule gift card deliveries with personal messages.
Products with variants provide customers with more choices. To learn more about variants and how to add them to your store, visit the following .
To use a custom size charts for product or collection, create metafield with namespace and key: "custom.size_chart". .
To select complementary products, add the Search & Discovery app.
You need to create a metafield before displaying this block. Please see how to create a metafield