Product Comparison Documentation
Summary
The Product Comparison feature allows you to compare details of individual products side by side, making it easier for customers to evaluate and choose between products.
Tips
To display the Product Comparison section:
Navigate to your Template Section.
Click Add Section.
Select Product Comparison.
Displaying Custom Data Using Metafields
Use the Metafield block to display custom data for product comparisons. Follow these steps:
Navigate to your Shopify Admin and select Settings > Custom Data.
Within the Metafield Definitions, click Products and select Add Definition.
For this example, use Weight. Ensure the Namespace and Key are labeled accordingly (e.g.,
custom.weight
). Set the type to Multi-line Text.Within the Metaobject Definitions, click Add Definition. Set a name according to your metafield definition (e.g.,
weight.custom
).Navigate back to a product page in your Shopify Admin, scroll to the bottom, and set the custom data within the Product Metafields.
To display your custom data:
In the Theme Editor, select the Product Comparison section.
Click Add Block and select Metafield.
Additional Resources
For more information, refer to the attached screenshots:
Navigating to Custom Data.
Adding a Metafield Definition.
Adding a Metaobject Definition.
Adding text to Product Metafields within your Shopify Admin.