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