Product comparison

by Admin on Oct 01, 2025

1. What is Product comparison?

The Product comparison is designed to compare multiple products from your store. This feature helps shoppers quickly see which product offers the most advantages.

2. Section Components

Section		Displays multiple products’ details at once for comparison purposes.
Available blocks		Displays the product’s description from its product detail page in the Admin editor.
		Displays the product's unique identifier code.
		Displays the product vendor’s name.
		Shows the average customer rating and review stars.
		Displays details of a product metafield.
		Displays non-selectable product variations (size, color, etc.).
		Adds action buttons for the comparison table.

3. Location & Setup

Go to "Online Store" > "Themes" > "Customize"
Enable comparison globally: In Theme settings > Product, scroll down to the Product comparison group and enable Enable product comparison. This adds “Add to Compare” buttons to product cards (collection/search pages) and product pages.
Add the overlay section: In the Theme editor, open the Overlay group > click Add section > choose Product comparison.

4. Core Features

Display customizable information: Choose exactly which product details to show (title, price, rating, inventory status, etc.).
Showcase multiple products: Allow customers to see multiple product details at once.
Increase conversion rate: Highlight which products are best suited to a customer’s needs for easier purchase decisions.

5. Common Use Cases

🤔 How to customize the Product comparison section’s overall look?

STEP 1:

In the Theme editor, open the Overlay group > select “Add Section” and click on Product comparison to add this section.

STEP 2: Adjust the section’s overall look

In the first setting group, customize Subheading, Heading, Text, and Grid.
In Colors, choose the Color scheme for light and dark mode.

STEP 3: Click “Save” when done.

🤔 How to set up the details of the comparison table?

STEP 1: Search for the Product comparison section in the editor.

STEP 2: Add and customize blocks

Click on Add. Customize each block as needed:

Block name	How to set it up?
Product description	Change the Title.
SKU	Change the Title.
Vendor name	Change the Title. Optionally link the vendor to a collection and choose to open in a new window.
Product rating	Change the Title.
Product metafield	Change the Title. Display a product’s metafield detail by adding its metafield key.
Variant option	Change the Title. Show color variants as color swatches.
Buttons	Change the Button style to Primary, Secondary, or Text link.

STEP 3: Click “Save” when done.

🤔 How to adjust the amount of products compared?

You can compare up to 5 products. Follow these steps:

STEP 1: In Theme settings > Product, scroll down to the Product comparison group.

STEP 2: Drag to adjust Maximum products in compare (2–5).

STEP 3: Click “Save” when done.

Need help? Contact our support team at Omni Themes Support.