Brickspace Lab

___________________________________________________________

Product Comparison gives you the ability to compare details of individual products side by side. 

 To display the Product Comparison: Navigate to your template section &gt; Click 'Add section' &gt; Click 'Product Comparison' 

-  To display the Product Comparison: Navigate to your template section &gt; Click 'Add section' &gt; Click 'Product Comparison' 

Use the Metafield block to display custom data. This can be used to compare different properties or values of products in a side-by-side view. To do this follow the below steps

Navigate to your Shopify admin and select Settings &gt; Custom data

Within the Metafield definitions click 'Products' and select 'Add definition'

For this example we can use 'Weight'. Make sure the Namespace and key are labeled accordingly. For this example I chose: 'custom.weight'. Set the type to 'Multi-line text'.

Within the Metaobject definitions click 'Add definition'. Set a name according to your metafield definition. For 'Type' select multi-line text and chose a name. For this example my metaobject key will be: 'weight.custom'.

Navigate back to a product page within your Shopify admin, scroll to the bottom of the page. You should now see your 'Product metafields'. You can set the custom data within those fields. 

To display your custom data within your theme editor select the 'Product comparison' section &gt; Add block &gt; and select 'Metafield'. 

For more information see the attached screen shots below:

1. Navigate to your Shopify admin and select Settings &gt; Custom data
2. Within the Metafield definitions click 'Products' and select 'Add definition' 
3. For this example we can use 'Weight'. Make sure the Namespace and key are labeled accordingly. For this example I chose: '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. For 'Type' select multi-line text and chose a name. For this example my metaobject key will be: 'weight.custom'.
5. Navigate back to a product page within your Shopify admin, scroll to the bottom of the page. You should now see your 'Product metafields'. You can set the custom data within those fields. 
6. To display your custom data within your theme editor select the 'Product comparison' section &gt; Add block &gt; and select 'Metafield'. 
 Use links below to save image.
7. To display your custom data within your theme editor select the 'Product comparison' section &gt; Add block &gt; and select 'Metafield'. 
 
 For more information see the attached screen shots below:

- Navigating to custom data

- Adding a metafield definition

- Adding a metaobject definition

- Add your text to the product metafields within your Shopify admin
 Use links below to save image.

Summary

Tips

Displaying custom data using metafields