Product information
How to customize your product information in product pages
Last updated
How to customize your product information in product pages
Last updated
Add, edit, or remove any information on your product pages. Accurate, reliable, and in-depth product details help customers find the information they need to make buying decisions.
Steps:
In the theme editor (Customize), open the template selector.
Locate Products, and select a product template you want to make changes to.
On the left-sidebar, add Product information section.
Make necessary changes > Save.
This section provides crucial data about an individual product such as price, title, buy buttons, etc. You can change the product information by re-ordering, removing, and adding blocks.
Affixes the product content to the screen when scrolling through the product media.
Desktop media width: Small/Media/Large.
Media is automatically optimized for mobile.
Desktop layout: Set how the media is displayed on the desktop.
You can also enable/disable image zoom and video looping to your product information section.
Display the product title.
Title size can be set to be based on Heading 1/Heading 2/Heading 3.
To display the product price.
To display the product description.
Style: Dropdown/ Buttons
Swatches
Color swatches allow customers to visualize precisely what you're offering.
To enable swatches, your variant picker's Style must be 'Button'.
Select the swatches style as Color swatches/Variant image/Shopify swatches/Text.
Size chart
Enable the Quantity selector, Dynamic checkout buttons, and Show recipient information form for gift cards.
Add text to your product details.
Add your content/promotion in a row/column layout. You can add up to 3 messages. Each comes with an icon/image and a text.
Display your content in an expandable tab.
Heading: To include a heading explaining the content.
Icon: To add an icon before the block's heading.
The inventory status block lets you display the stock status on individual product pages so that customers can know if a product is in stock, running low in stock, or out of stock.
To show the Inventory status as in stock and low stock alerts on your product page, in Shopify Products > Variants:
check the option Track quantity;
uncheck Continue selling when out of stock.
In your product template, add the Inventory status block and select the Low inventory threshold by tweaking the slider (between 0 and 100).
Show customers whether a product is available for local pickup. On each product page, a pickup availability section shows whether the product is available, and the estimated time frame for pickup.
This information appears only for products that are stocked at at least one pickup location and have This is a physical product selected in the Shipping section of a product variant's details.
Enable/disable shipping text. Add preferable info regarding the shipping text and the number of days that the package will arrive.
SKUs (stock keeping units) are numbers, typically alphanumeric, that are used to help identify products and track inventory. If a store uses SKUs, then a unique number is assigned to each individual product variant.
You can show SKU numbers for variants on your product pages using the SKU block.
Add a pop-up link text to your product information. This allows you to link the text to a certain page content.
Insert the link label and the page to pull the content from.
You can enable your sale badge, sold out badge, or custom tag badges here.
The sale badge type can be set as Text/ Percentage/ Fixed amount.
Displaying complementary products to customers makes it easier for them to discover new products, and can help increase online store sales.
You can add the complementary products block to your product pages in the theme editor. You can have only one complementary product block on a product page at a time.
Heading: The title of the block.
Show as collapsible row: When selected, the content isplays as collapsed under a row tab. When a customer clicks a title, the tab expands to display additional content.
Icon: Select an icon to pair with your heading when complementary products are shown as a collapsible row.
Maximum products to show: Select the maximum number of complementary products to show. Select a value between 1 and 10.
Number of products per page: The number of complementary products that you want to display per slider page. Select a value between 1 and 4.
Image ratio: Determines the aspect ratio of the product card images.
Enable/disable ask a question and social share buttons.
To know more about media, see .
Not sure how to add a description to your product? See .
Set the Color swatch trigger for your product option and add your Swatches list in Theme settings > .
Make sure you have in Shopify Products > Variants.
For more information on setting up native color swatches, please check the .
Note: Make sure you set the Color swatch trigger for your color option in Theme settings > .
Add the Option name you want to display your size chart and select a page created in or use metafields to display dynamic content.
.
Row content: To add the tab content. The copy can be added via the theme editor or pulled from a page in .
⚙️ Find more about the .
#️⃣ See
Go to Theme settings > to change the badges' color.
Enable quick add button: The "quick add" button allows customers to add a product to their cart from the product card. If the product has variants, then the button reads Choose options and displays the product details in a pop-up. The customers can then select their desired variants, add to cart, check out immediately with the Buy it now option, or else click to view a product's full details. The option needs to be set up separately from the product page to appear in the quick add options. When the Buy it now option isn't set up, customers can still add the product to their cart.
Learn how to use the app to for your website’s product pages.
The Ask a question form sends all submissions to the Sender email address of your store. You can change the sender email address in the settings page of your Shopify admin.
Add app snippets or other code to create advanced customizations.
