Product compare table
Last updated
Last updated
The Product Compare Table is designed to showcase the attributes and variants of multiple products, helping users quickly understand the differences and advantages of each product. This section allows for custom titles, descriptions, and product selections, and supports displaying variant options (such as color and size). Additionally, you can extend the comparison content by adding Category Metafields and Custom Metafields.
Table Title Settings:
Show/Hide Title: Option to display or hide the section title.
Custom Title and Description: Define a title and description for the comparison table to help users understand the purpose of the comparison.
Watermark Text: Option to add watermark text in the table background for enhanced visual appeal.
Table Settings:
Product List Selection: Choose which products to compare by clicking the “Select Products” button to add the products you wish to compare.
Display Variant Options: Control whether to show product variant attributes (such as color, size) in the comparison table, providing users with more detailed information.
Category Metafield Block:
Category metafields in Shopify are predefined fields designed for specific product categories, enabling merchants to add attributes unique to each category. For instance, the "Mice & Trackballs" category may include fields like Color, Connection Type, and Mouse Technology. These fields streamline product data entry, ensure consistency, and improve the user experience. To clarify, let's take "Connection Type" as an example. Attribute Key: The key value of the category metafield. You can follow these steps to obtain the key:
Custom Metafield Block:
Custom metafields display attributes defined in the Shopify admin, supporting types like date, money, weight, rating, color, and text. They provide flexibility for comparing product information but do not support list formats. For more details, refer to the Custom Metafields.
Optimize Comparison Experience: Choose products from the same category for comparison to ensure users can better understand the differences between them.
Guide User Decision-Making: Clearly state the purpose and advantages of the comparison table through the title and description sections to help users make informed purchasing decisions.
Display Product Variants: If products have multiple variants (such as colors and sizes), enable “Display Variant Options” to ensure users can clearly see the diversity of each product.
Leverage Metafields for Expanded Information: Use Category Metafields and Custom Metafields to display valuable additional information, such as brand, material, or usage scenarios, to enhance the comparison content.
The Product Comparison Table Block is a powerful tool for providing users with detailed insights into various products, making it easier for them to identify the best option based on their needs.
Open the product details page and locate the category metafields settings panel. Find the desired metafield, such as "Connection Type," and click on it to access the metafield definition page.
Click on the indicated area to copy the metafield, such as shopify.connection-type. Here, connection-type is the attribute key. Note: Do not include the shopify. prefix.
