Storefront experience for shoppers

Specification table on the product page

The specification table presents attributes in a clean, Amazon-style two-column layout: labels on one side and values on the other. Attributes appear inside the groups you defined in the app.

Long tables may show a subset of rows first, then a control such as Show more or Show all so the page does not feel endless. Exact wording follows your theme block settings.

You can style zebra striping, borders, and spacing in the specification design editor so scanning is easy on both phones and desktops.

If a row looks empty, check whether Hide empty rows is available in your design settings or whether the product truly lacks a value for that attribute.

Comparison table on the product page

The comparison table places This item beside Compare products columns using the products you picked in the app. Column headers reflect product titles and imagery according to your theme.

Shoppers can use controls you enable in the theme block, including:

Hide same value (default label) to focus on differences between products when that option is available.
Options that hide rows where every product matches, when your block exposes that behavior.
Actions such as Add to cart or View product depending on how you configured the block.

Labels like Hide same value can be customized in the theme block if your theme editor allows editing block text.

Data types shoppers recognise

Depending on your attributes, shoppers may see:

Prices and currency formatted for your market
Star ratings when rating data exists on the product
Color swatches for color-type attributes
Files and links you attached through attribute types that support them
Dates and money values formatted for readability

Ratings rely on data stored on the product in Shopify, often populated by a review app you already use.

Mobile and desktop behavior

Use the in-app preview modes when you design tables. Narrow screens may stack content that sits side by side on large screens, especially around the multi-column behavior described in design settings for wider blocks.

Frequently asked questions

Can shoppers compare products you did not pick?

If you did not set Compare with, the store can still show other products using Shopify related products. Shoppers do not edit that list on the storefront. Compare with in the admin is how you choose exact products for the strongest comparisons.

Do shoppers need an account to view tables?

Specification and comparison tables are normal storefront content. Customer accounts are not required unless your theme restricts the whole product page.

What happens if a compare product goes out of stock?

Shopify still shows the product unless you remove it from Compare with or hide it in your catalog rules. Review compare lists when you retire products.

Why are some attributes missing in compare but present in the spec table?

Comparison views emphasize attributes you marked Comparable in the specification table.

Why do shoppers see different rows than I see in the admin preview?

Live data comes from each product. Empty metafields, inactive tables, or attributes not marked Comparable all change what renders. Compare columns may come from related products or from the Compare with list you set in the app.