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:
Steps
- 1.In the theme editor (Customize), open the template selector.
- 2.Select Products, then Default product.
- 3.On the left-sidebar, add Product information.
- 4.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.
You can choose the container type as:
- Full width
- Fixed width
- Stretched width

Control the product information layout below:
Make changes to the product media's layout.

Thumbnails carousel
Stacked
Grid mix
Grid 2 columns

.gif?alt=media&token=9579110d-fc99-485d-9eff-706d7b814f17)
.gif?alt=media&token=0180ea1e-a92a-4ee5-9c36-210fb4192e49)

You can also enable/disable image zoom and video looping to your product information section.
.gif?alt=media&token=9d6760a0-987b-4def-ad38-f0ba9fe756c2)
An example of product image zoom
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.


Show sale badge as Percentage/Text/ Fixed amount


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


- Size chart

Enable/disable the "Show dynamic checkout button" to include a direct-to-checkout button. Button Add-to-cart can be displayed if needed.

Show/ hide availability, collections, SKU, product type, and product vendor.

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.

Enable/disable add to compare, ask a question, and social share buttons


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

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.

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 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.

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 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.

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

Last modified 2mo ago