Product information

Section

Displays essential product information.

Available blocks

Displays the name of the product.

Shows the product's price.

Displays the name of the product vendor.

Shows the average customer rating and review stars.

Indicates if the product is in stock, low stock, or out of stock.

Displays the product's unique identifier code.

Shows tags like “Sale”, “New”, or “Featured”.

Allows customer to shop for sibling products in the same page.

Allows customer to shop for complementary products in the same page.

Displays a tab with icon and text for additional information.

Allows you to add custom text content, such as promotional messages or additional product details.

Displays a hyperlink that, upon clicking, opens a popup with customizable text or a linked page’s content.

Inserts a horizontal line to visually separate content.

Adds an empty space or adjusts padding to control spacing.

Allows advanced customization by inserting your own HTML code.

Displays a titled image.

Displays additional product customizations (e.g., engraving).

Highlights a key feature with an icon (e.g., “Free Shipping”).

Presents short information points with accompanying icons.

Displays accepted payment icons (e.g., Visa, PayPal).

Allows customers to subscribe to your email address.

Displays a collapsible table with up to 2 columns for detailed info (e.g., components or ingredients).

Displays a video that can be uploaded or embedded from a URL.

Displays a link to a connected collection.

Offers an option for gift wrapping service.

Display non-selectable product variations (size, color, etc.).

Displays the estimated product’s arrival time.

Allows customers to choose the amount of product to be added to cart.

Allows customers to sign up for notifications when an out-of-stock product is available again.

Enables customers to add the product directly to cart.

Allows for flexible fee charging, including options for extra services like installation and assembly.

🤔 How to customize the Product information section's overall look?

STEP 1: Click on the Product information section to open its settings panel.

STEP 2: Choose how the main contents are shown

• Enable Sticky content on desktop.
• Enable Make primary content center.

STEP 3: Set up the media settings

In the Media setting group:

STEP 3: Setup the section layout

In the Section layout setting group:

• Choose Section width: Full Width, Page Width, or Full Width Padded.
• Drag to adjust Top Padding and Bottom Padding (0–100px).

STEP 4: Setup the other settings

• SEO: Enable Enable microdata schema for SEO.
• Breadcrumbs: Enable Show breadcrumbs to improve navigation.
• Sticky add-to-cart: Enable Show quantity selector and choose a style.

STEP 5: Click “Save” when done.

🤔 How to set up a block in the Product information section?

The section contains over 20 blocks. Here are the simple steps to set them up:

STEP 1: Search for Product information (this section is enabled by default).

STEP 2: Add the blocks to show the information you want — Click on “Add”. Here’s how to set up each of the block:

STEP 3: Click “Save” when done.

🤔 How to set up the Sibling Products block?

The Sibling product block lets you group related products and display them as swatches on the product page. Unlike Shopify’s default variants, each sibling product has its own images, details, and price. This also helps with inventory management, cross-selling, and using custom product templates for each variation.

Here are simple steps to set it up:

STEP 1: Create individual products

In Shopify admin, click on the Products tab > “Add product” to create new products.

STEP 2: Put those products into a collection

• Still in Shopify admin, go to Products > Collections
• Click the “Create collection” button and add all sibling products you created in Step 1.

STEP 3: Create 2 product metafields

• Still in Shopify admin, click on Settings > Metafields and metaobjects > Products > Add definition to create product metafields. 
• You will need to do this process twice to create 2 different product metafields:

STEP 4: Copy the collection’s URL handle

• Go back to the collection that you created at Step 2 (Products > Collections > click on your collection).
• Scroll all the way down, and find the Search engine listing group.
• Click on the pencil icon.
• Then, copy the URL handle.

STEP 5: Enter the collection’s URL handle into the “Sibling collection handle” metafield

Now, remember the individual products you created in Step 1? 

• Again, go to Products.
• Check the boxes of the products you want to be in the sibling.
• Choose “Bulk edit”.
• Click on “Columns” in the top right corner.
• Scroll to find Metafields, tick on “Sibling collection handle” (or search Sibling collection handle).
• Paste the URL handle you copied in Step 4 above into the Sibling collection handle column.
• Click “Save”.

STEP 6: Enter the type into the “Sibling type” metafield

Just like Step 5 above, you need to:

• Go to Products.
• Check the boxes of the products.
• Choose “Bulk edit”.
• Click on “Columns” in the top right corner.
• Scroll to find Metafields, tick on “Sibling type” (or search Sibling type).
• Enter the text into the metafields.
• Click “Save”.

For example, your products are shoes with the same design but made in different countries such as UK, USA and Belgium. So here, this “Sibling type” metafield is where you enter the UK, USA, and Belgium text.

STEP 7: Add the Sibling products block in Theme Editor

• In Shopify admin, go to Theme Editor by clicking on Online Store > Themes > “Customize”.
• Go to the Product page (click on the Homepage dropdown > Products > Default products).
• Under the Product Information section, click “Add block”.
• Find and add the Sibling products block.

STEP 8: Set up important settings of the Sibling products block in Theme Editor

Still on that page at step 6, you can see the Sibling products block setting panel, and there are 3 most important information to fill in:

• Option name: Enter any texts you want to show as the labels for the type. For example: color, and pattern.
• Collection handle metafield: Enter “custom.sibling_collection_handle” (which is the Namespace and key of the Sibling collection handle metafield).
• Option value metafield: Enter “custom.sibling_type” (which is the Namespace and key of the Sibling type metafield).
• Don’t forget to click “Save” when you finished!

STEP 9: Set up other settings of the “Sibling products” block in Theme Editor

Still in the Sibling products block setting panel, these settings may be useful to you:

• Linking option: 
  • Load sibling products' content only: Choose when the siblings are of the same template, and the template content is mostly static.
  • Redirect to sibling product pages: Choose when each sibling has distinct rich content (e.g. product reviews) to navigate users directly to the sibling product page.

• Option display type: Choose to show the type picker as a Button or a Dropdown.

STEP 10: 

Click “Save” when done.

🤔 How to set up the Complementary products block?

Complementary products are items that go well together with a customer's main purchase. This can lead to increased sales and higher customer satisfaction as it helps shoppers discover related products they may be interested in.

STEP 1: Install the Shopify Search & Discovery app and follow Shopify’s guide to add complementary products.

STEP 2: Add the block in Theme Editor
Theme Editor > Product page > Product Information section > Add block > Add Complementary products.

STEP 3: Set up the first part of the block

Click on the Complementary products block, navigate and set up these settings in the first part of its setting panel:

• Heading: Customize the title or heading for the section. 
• Maximum products to show: Set the maximum number of complementary products to display. Specify the number of products shown per page if pagination is enabled.
• Number of products per page: Additional settings that apply when using a carousel.
• Enable carousel on desktop: Turn on or off the carousel mode for this block on the desktop.
• Enable swipe on mobile: Let customers swipe through this block on mobile.

STEP 4: Set up Product card group

Still in the Complementary products block setting panel, navigate and set up these settings in the Product card setting group:

• Image ratio: Adjust the aspect ratio of the product images.
• Show vendor: Choose whether to display the vendor name for each complementary product.
• Show product rating: Decide whether to show the product ratings alongside the complementary products.

STEP 5: Click “Save”.

🤔 How to set up the Estimated delivery time block?

Estimated delivery time (EDT) is a block designed to enhance the shopping experience by providing customers with an estimated timeframe for order delivery. Thanks to this, admins can establish delivery time parameters for all orders and all products. It also considers cut-off times for daily shipping operations, ensuring real-time updates based on the current time.

Here are simple steps to set up this block:

STEP 1: Setup EDT in general or for specific products
Follow this guide.

STEP 2: Add the block in Theme Editor
Theme Editor > Product page > Product Information section > "Add block" > Choose Estimated delivery time.

STEP 3: Set up the message

Click on the Estimated delivery time block, navigate and set up these settings in the setting panel:

• Customize the EDT notification message for customers in the Message field.

⚠️ Note: To customize the message for each product in this block, you can create a metafield with the key 'custom.delivery_date_message' and type 'Rich text'. 

• Enable Enable tooltip setting and customize the Tooltip content field to provide additional information with a tooltip.
  

STEP 4: Set up colors
Customize text and background color for light and dark mode.

STEP 5: Click “Save”.

🤔 How to set up the Additional fee block?

The Additional fee block lets you charge flexible fee, including options for extra services like installation and assembly.

STEP 1: Create a product to represent the fee
Shopify admin > Products > "Add product". Do not track inventory.

STEP 2: Add the block in Theme Editor
Theme Editor > Product page > Product Information section > Add block > Choose Additional fee block.

STEP 3: Set up the product

• Select the product created in Step 1 in Fee charging product setting.
• Optionally apply to a collection, or add alternative title.
• Enable Show price to display the selected product’s original price.

STEP 4: Set up options & button

• In the Option 1 setting group, choose an Option style and fill the Option note if necessary.
• Repeat for Option 2 and Option 3.
• In the Button setting group, choose an Button style and fill the Button label.

STEP 5: Click “Save”.