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

How to customize your Product information section

Product information: General settings

Product information: Block settings

How to add a Product information section

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.

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

Container type, breadcrumbs, and sticky content on desktop

You can choose the container type as:

  • Full width

  • Fixed width

  • Stretched width

Layout

Make changes to the product media's layout.

To know more about media, see Product media.

You can also enable/disable image zoom and video looping to your product information section.

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.

Product rating

Price

Show sale badge as Percentage/Text/ Fixed amount

Variant picker

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.

  • 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 meta

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

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.

Addon buttons

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

Collapsible tab

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

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.

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.

In the theme editor, you can add a Heading the the section as well as selecting an Icon from the list.

Set the maximum number of products to show (1-10 products) and the number of products per page (1-4 products). You can also enable the carousel effect for this section.

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.

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.

Last updated