Quick comparision table
Last updated
Last updated
Quick comparison table is a powerful product page section that lets customers easily compare the current product with related items. It highlights key differences across details like price, description, variants, and more - helping shoppers make faster, more confident buying decisions.
Steps:
In the theme editor (Customize), open the template selector.
Locate Products, and select a product template you want to make changes to.
On the left-sidebar, add Quick comparison table section.
Make necessary changes > Save.
Color scheme: Select a color scheme to match your styling. Learn more: Colors
Maximum products to show: Choose how many related products appear in the comparison alongside the current product.
Heading: Customize the title.
Text alignment: Control the layout on desktop and mobile.
Text: Optional description to introduce the comparison section.
Inside the Quick comparison table, you'll see a list of content blocks:
Product info: Product title. You can show/hide the View details button.
Description: Shortened product descriptions.
Text line limit: Choose how many lines of text to show per product (No limit or 1-5 lines). This helps keep your comparison clean and balanced across products with varying description lengths.
Show view more button: Toggle this on if you want to let users expand and read the full description when the line limit is reached. If left off, the text will be truncated without a "View more" link.
Price: Price of each item
Product variants: Displays available variants (e.g. color, material)
Vendor: Shows brand or supplier
Type: Product category or type.
Keep comparison items relevant (same collection or product type).
Limit to 2–3 alternatives to avoid decision fatigue.
Highlight key differences (e.g. price, material, variants).
Use app to customize the .
Use app to customize the compared in the table.
