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).
