Skip to main content
All CollectionsKeystoneSections
Keystone: Product Comparison
Keystone: Product Comparison
Ryan avatar
Written by Ryan
Updated over 2 weeks ago

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:

    1. Navigate to your Template Section.

    2. Click Add Section.

    3. Select Product Comparison.


Displaying Custom Data Using Metafields

Use the Metafield block to display custom data for product comparisons. Follow these steps:

  1. Navigate to your Shopify Admin and select Settings > Custom Data.

  2. Within the Metafield Definitions, click Products and select Add Definition.

  3. For this example, use Weight. Ensure the Namespace and Key are labeled accordingly (e.g., custom.weight). Set the type to Multi-line Text.

  4. Within the Metaobject Definitions, click Add Definition. Set a name according to your metafield definition (e.g., weight.custom).

  5. Navigate back to a product page in your Shopify Admin, scroll to the bottom, and set the custom data within the Product Metafields.

  6. To display your custom data:

    • In the Theme Editor, select the Product Comparison section.

    • Click Add Block and select Metafield.

Use links below to save image.

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.


Screen shots

  • Navigating to custom data

Use links below to save image.
  • Adding a metafield definition

Use links below to save image.
  • Adding a metaobject definition

  • Add your text to the product metafields within your Shopify admin

    Use links below to save image.

Did this answer your question?