Product information > Table of information

Ask AI

Open in ChatGPT

Ask ChatGPT about this page

Open in Claude

Ask Claude about this page

1. What can you do with the Table of information block?

The Table of information block lets you present structured product details in a clean two-column layout. It’s ideal for displaying specifications, attributes, or additional facts such as size, weight, materials, usage, or nutrition values—helping customers quickly scan important information and make informed purchase decisions.

2. How to set up the Table of information block?

STEP 1: Add the block in Theme Editor

Theme Editor > Product page > Product Information section > Add block > Add Table of information.

STEP 2: Set up general display options

Click on the Table of information block, then configure the following settings:

Show in tab: Display this block inside a tab layout.
Open this tab by default: Make this tab open automatically when the page loads.
Icon: Choose an icon to represent the tab or block.
Use another icon: Enter an icon name from your icon library (e.g., badminton).
Custom icon image: Upload your own image as an icon.
Use secondary background: Apply an alternative background style.

STEP 3: Configure headings and column labels

Heading: Set the title for the block (e.g., “Additional details” or “Nutrition information”).
Left column label: Name the first column (e.g., “Specification”, “Property”, or “Sort”).
Right column label: Name the second column (e.g., “Value” or “Details”).

STEP 4: Add table content

In the Details field, enter each row on a new line using these rules:

Rule 1: Use a colon (:) to separate columns. For example:

Details

Result

Material: High-quality for durability….

Dimensions: Standard sizes vary by product

Rule 2: Use a hyphen (-) to indent rows under a category. For example:

Details	Result
Performance: Designed for extreme conditions. - Capacity: Adjustable capacity. - Warranty: Backed by a 1-year ….

Rule 3: To start a new row, press Shift + Enter to add a line break.
Rule 4: Use [[metafield_key]] to dynamically pull data from product metafields (e.g., [[custom.material]]).
If you need more detailed guidance on using metafields with this Table of information block, read the next part.

STEP 5: Add extra details (optional)

Use the Extra details field to provide additional notes or supporting information that appears below the main table.

STEP 6: Empty field handling

Text to use for empty fields: Define what appears when a value is missing (e.g., -).

STEP 7: Click “Save”.

The instructions above give you a basic understanding of adding the table information to the product page. If you need a more advanced setup with metafields, read part 3.

3. How to add dynamic content to the table of information using metafields?

💡 This method lets you show dynamic content for specific parts of the table by linking each element to a separate metafield.

Therefore, the table’s content dynamically changes based on the product.

Step 1: Create Product or Variant metafields that belong to one of these types:

Single Line Text. (One)
Multi-line text (One)
Decimal Dimension (One)
Dimension (List)
Volume Volume (List)
Weight (One)
Weight (List)
Money (One)

⚠️ Note: The metafield names for the product and its variants must be the same.

Step 2: In Shopify admin, go to Products tab > click on a product

If you created a Product metafield: Scroll down to Metafields setting group > Enter a value.
If you created a Variant metafield: Scroll down Variants setting group > Click on a variant > scroll to Metafields setting group > Enter a value.

⚠️ Note: Product and Variant Metafield logic for the Table of information:

What you set...	What shows on your website...
Variant has its own metafield value	Shows the variant's metafield value
Variant has no metafield value, but Product does	Shows the product's metafield value
Neither Variant nor Product has a metafield value	Shows the "Text to use for empty fields" (if you set one), or nothing

Step 3: In Theme Editor > go to the product page > add the Table of Information block to the Product Information section.

Step 4: In the Table of information setting panel, find the Details field:

Enter the content following the content formatting rules. (see Step 4, part 2 above).
For dynamic content, enter the [[metafield_key]] (find the key in Settings> Metafields and metaobjects, then copy the short text that starts with "custom." right below the name).
Example: Weight: [[custom.weight]] → This will display as Weight: 100g.

Step 5: (Optional) Change the text that shown when the metafield has no value in Text to use for empty fields setting.

Step 6: Save the changes.

Need more help? Contact our support team at Omni Themes Support.