Product attribute table

by Admin on Apr 15, 2024

1. What is the product attribute table?

A product attribute table is a structured presentation of key attributes or features of multiple products. It serves as a comparison tool, allowing users to easily evaluate and contrast different products based on one specific criteria.

The primary benefit for a product attribute table is to provide a side-by-side comparison of various products, highlighting their distinguishing values or characteristics in a particular criteria. This enables customers to make informed decisions by quickly assessing the differences and similarities between products.

On Home page (or other page template) > Template section group > Add section > Click on the Product attribute table to customize this section of Eurus theme.

2. How to show the option values (columns values)?

The "Criteria option" configuration allows you to specify the attribute options or values that you want to display as columns in the attribute table. Here's how you can set it up:

Enter the exact name of the option used in your store, separated by commas. This should match the name of the product option you've set up in the backend. Provide variations of the option name if it's spelled differently in different languages or formats (e.g., Color, Colour, Couleur).

In the admin settings:

In the theme settings:

If you want to use metafields for the criteria options, follow these steps:

  • Create a metaobject with the key "product_specs_list" and add a field named "specs" (Single line text/One value).
  • Populate the metaobject with entries representing different attribute values (e.g., "Dry Skin", "UV Protection").
  • Create a product metafield with the key "product_specs" (Metaobject/List of values) and link it to the previously created metaobject.
  • Assign specific attribute values to each product via the product metafield on the admin product detail page.
  • Fill in the key "product_specs" of the respective metafield in the "Criteria option" field.

It's important to note that this setup method may not be optimal for the general public, so our team at Eurus is planning a release in the near future. For more detailed assistance or support, feel free to reach out to us.

3. How to select products in the table?

  • In this section, click “Add product”
  • For each block, choose the products you want to compare from your product catalog.
  • You can add up to 5 products for comparison and a custom image for each block added.

Additionally, you can customize the comparison section by adding a heading, text, or other content to provide context or instructions for users.

Video guide of configuration can be found here.

By following these steps, you can easily select and display the products you wish to compare on your website.