Links
Comment on page

Product information

How to customize your product information in product pages
This article shows how to 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.
In this article:

How to add a Product information section

Steps
  1. 1.
    In the theme editor (Customize), open the template selector.
  2. 2.
    Select Products, then Default product.
  3. 3.
    On the left-sidebar, add Product information.
  4. 4.
    Make necessary changes > Save.

How to customize your Product information section

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.

General Settings

1. Container type, breadcrumbs, and sticky content on desktop:

You can choose the container type as:
  • Full width
  • Fixed width
  • Stretched width
Container type, breadcrumbs, and sticky content on desktop settings
Control the product information layout below:

2. Layout

Make changes to the product media's layout.
Product information layout settings
Thumbnails carousel
Stacked
Grid mix
Grid 2 columns
Product information's desktop layout example: Thumbnails carousel
Product information's desktop layout example: Stacked
Product information's desktop layout example: Grid mix
Product information's desktop layout example: Grid 2 columns
To know more about media, see Product media.
You can also enable/disable image zoom and video looping to your product information section.
An example of product image zoom

Product Information blocks

The product information blocks: title, vendor, quantity selector, price, variant picker, etc. will be pulled from the product page to display in this section. You do not need to modify the content but can change these blocks' positions.
An example of product information blocks list

Product rating

Product information: Product rating settings

Price

Show sale badge as Percentage/Text/ Fixed amount
Product information: price settings

Variant picker

Product information: Variant picker settings
Products with variants are great for giving customers more choices. To know more about variants and how to add variants to your store, see Variants.
In the product information, you can enable show the selected option and choose picker type as a dropdown/button.
Dropdown
Button
An example of picker type as dropdown
An example of picker type as button
  • Size chart
Add the Option name you want to display your size chart and select a page created in Shopify Pages.

Buy buttons

Enable/disable the "Show dynamic checkout button" to include a direct-to-checkout button. Button Add-to-cart can be displayed if needed.
Product information: Buy buttons settings

Product meta

Show/ hide availability, collections, SKU, product type, and product vendor.
Product information: Product meta settings

Shipping information

Enable/disable delivery estimation and shipping text. Add preferable info regarding the delivery, shipping text, and the number of days that the package will arrive.
Product information: Shipping information settings

Addon buttons

Enable/disable add to compare, ask a question, and social share buttons
Product information: Show social sharing option
Product information: Show ask question form option

Collapsible tab

Add a heading and extra information on the tabs. You can also add content using custom liquid.
Product information: Collapsible tabs settings

Custom field

Add text in the provided space for the field name, options, and placeholder. You can control how this block displays as required or show it at the checkout.
For the field type, there are 3 options: single-line text, multi-line text, and select.
Product information: Custom field settings

Trust badge

A badge or seal to instill trust in your potential customers.
Add a heading and image for the badge. You can control the image width and the heading position.

Complementary products

Complementary products are products often bought in addition to a selected product. You can display complementary products to help customers discover new products and increase your online store sales. Learn more.
Product information: Complementary products settings

Inventory status

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 when more stock arrives.
In stock
Low stock
More available on
To show the Inventory status as in stock and low stock alerts in your product page, in Shopify products > Variants:
  • check Track quantity;
  • uncheck Continue selling when out of stock.
In the your product template, add Inventory status block and select the Low inventory threshold by tweaking the slider (between 0 and 20).
You can also show the low inventory alert as a progress bar.
To show inventory transfer notice, you need to create a inventory transfer. Below are the needed steps to display the inventory transfer notice on individual product pages.
Step 1: From your Shopify admin, go to Products > Transfers.
Step 2: Click Add transfer.
Step 3: In the Add products section, enter or select the products and variants that you want to add to the transfer, and then click Add to transfer.
Step 4: Under Quantity, enter the quantities for each product in the transfer.
Step 5: In the Shipment details section, enter a date in the Estimated arrival field.
Step 6: Save the settings.

Apps block

You can select the suitable app block based on the 3rd-party apps that they have integrated with Zest theme.
Product information: apps block