ZEST theme
Try Zest freeResourcesOther solutions
  • What is Zest theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Zest theme
    • Set up my store as Zest demo
    • Update Zest theme
    • Theme license & Transfer
  • build for success series
    • Landing page like puravida
  • Page's global sections
    • General settings
    • Announcement bar
    • Banner logo 🔥
    • Header
    • Footer
    • Menu
      • Add a banner to mega menu
      • Add products to mega menu
      • Add collections to mega menu
      • Add custom cards to mega menu
      • Customize a hovering menu
    • Mobile navigation bar
    • Age verifier pop-up
    • Pop-up
  • Theme sections
    • Auto-scrolling promotion
    • Before/ After image slider
    • Blog posts
    • Collage tab
    • Collapsible tab
    • Collection list
    • Collection list slider
    • Collections showcase 🔥
    • Collection tab
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid & HTML
    • Favorite collection 🔥
    • Favorite products
    • Featured product
    • Featured product slider
    • Featured collection
    • Gallery images
    • Handpicked products
    • Highlight text with image 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider
    • Layered images 🔥
    • Logo list
    • Lookbook
    • Map
    • Mixed image cards 🔥
    • Multicolumn
    • Newsletter
    • Products bundle
    • Product tabs
    • Promotion banner 🔥
    • Press
    • Rich text
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Animations
    • Cart
    • Checkout
    • Color swatches
    • Colors & Color schemes
    • Currency format
    • Cookies banner
    • Layout
    • Product card
    • Product quick view
    • Search
    • Social media
    • Theme style
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Product description
      • Breadcrumbs
      • Product information
      • Recently viewed products
      • Product recommendations
      • Quick order list 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Languages & Countries/Regions
    • Languages
    • Countries/ Regions
  • Other pages
    • 404 page
    • About us
    • Blogs
    • Blog posts
    • Cart & Checkout
    • FAQs page
    • Password
    • Search page
  • FAQs
    • Generic
      • Add custom fonts
      • Add custom CSS
      • Add custom badges to the product card and product page
      • Add gift wrap option to my cart
      • Add product review apps to my theme
      • Change the copyright text at the footer
      • Compare Zest with other Shopify themes
      • Does Zest support RTL languages?
      • JavaScript events for developers 🔥
      • How to migrate your Zest theme to version 7.0.0
      • My store has a low speed score - How can I improve it?
      • Show Payment icons on the Footer 🔥
    • Product page
      • Add a size chart to your product page
      • Add recipient fields to my gift card product
      • Edit product breadcrumbs using metafields
      • Set up quantity rules and volume pricing 🔥
    • Shopify functions
      • Combined listings app 🔥
      • Does Zest support Section groups?
      • Get to know dynamic checkout buttons
Powered by GitBook
On this page
  • How to add a Product information section
  • How to edit your Product information section
  • General Settings
  • Product Information blocks
  1. Collections & Products
  2. Product page

Product information

How to edit product information in your product pages

PreviousBreadcrumbsNextRecently viewed products

Last updated 2 months ago

Up-to-date, detailed, and helpful product information provides major key benefits:

  • Informed Decisions: Helps customers make well-informed purchasing decisions by providing detailed descriptions, specifications, and usage instructions.

  • Enhanced Trust: Builds trust and credibility by offering transparency about the product’s features, benefits, and potential drawbacks.

  • Reduced Returns: Minimizes returns and dissatisfaction by setting clear expectations and ensuring customers understand what they are buying.

  • SEO Benefits: Improves search engine rankings and visibility through detailed and keyword-rich product descriptions.

  • Customer Support: Reduces the need for extensive customer support by answering common questions and providing all necessary information upfront.

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 edit your Product information section

This section provides essential product information - such as price, title, buy buttons, etc.

You can change the product information by re-ordering, removing, and adding more 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.

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

Product Information blocks

Price

Show sale badge as Percentage/Text/ Fixed amount.

Variant picker

In the product information, you can enable show the selected option and choose Picker type as Dropdown/ Buttons.

Opt to hide/show the selected option or pre-select the default variant.

  • Size chart

You can use Shopify Metafields to show different size charts across products.

Learn more: Add a size chart to your product page

Buy buttons

Add an Add to Cart button to allow customers to easily add an item to their cart, and include Dynamic checkout buttons to let them quickly proceed to the checkout page for a faster, streamlined purchase experience.

You can also include a recipient form for gift card products.

Product meta

Show/ hide the following product details:

  • availability

  • collections

  • SKU

  • product type

  • product vendor

Shipping information

Enable/ disable estimated delivery duration and shipping text.

Add other details if needed (delivery text, shipping time, and delivery note).

Add-on buttons

Enable/ disable the following add-on options:

  • Ask a question

Your Ask a question form sends all submissions to the sender email address of your store. You can change the sender email address in the Notifications settings page of your Shopify admin.

  • Social sharing

Collapsible tab

Add a heading and extra information on the tabs.

You can also add content using custom liquid.

Custom field

Add text into 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 the selected product.

In the theme editor, you can add a Heading for the section and select 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 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 on your product page, in Shopify products > Variants:

  • disable Continue selling when out of stock.

In the product template, add Inventory status block > 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.

Apps block

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

To know more about media, see .

If you do not want to show the selected variant's image on the page load, enable the Show featured media by default checkbox to display the main image of a product on the product page.

Products with variants are great for giving customers more choices. To learn about variants and how to add product variants, see .

Add the Option name you want to display your size chart and select a page created in .

👀 .

🎁

You can display complementary products to help customers discover new products and increase your online store sales.

enable Track quantity;

Step 1: From your Shopify admin, go to Products > .

✅
✅
Product media
Variants
Shopify Pages
Learn more about Shopify Dynamic checkout buttons
Learn more about gift cards.
Learn more.
Transfers
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
An example of product image zoom
Product information: Shipping information settings
Product information: Collapsible tabs settings
Product information: Custom field settings
Product information: apps block
Source:
Install FoxTransfer Chrome Extension FREE here
Zest Flairy demo