Comparison Table
A Comparison table allows you to compare details for up to three products.
If you are wanting to make a basic chart for one product only, there is a 'Specifications table' section available for a simpler approach.
Here is an example of a Comparison table as shown in our theme demo:
To create a Comparison Table open your theme editor and navigate to the page or product where you'd like to add a Comparison table section. Click "Add section" and search for or select the "Comparison table", section:
After adding the Comparison table section, you will find one Heading and three Values blocks added, one block for each "Values column" per product that will be compared. If you want to compare only two products you can delete or hide a values column.
In the headings column, you can add each category or specification you'd like to compare such as weight or dimensions.
Click the values column to access the specifications for each column:
After opening the options for the Values column block, select a product to be compared.
After a product has been selected, you can manually fill in the Value fields below for to add your specifications or detailed information:
You can configure this section with metafields to display dynamic content.
When you see the "dynamic content" icon (looks like "pancakes"), you can connect this to a metafield.
You can learn more about Dynamics Sources and Metafields content from Shopify here: