Compare products section
Side-by-side product comparison page powered by collection compare controls and localStorage.
Assign this section to an Online Store page (recommended handle **compare**, URL `/pages/compare`). Shoppers add up to four products from collection cards or product pages; the page reads handles from `?products=a,b,c` or the browser key **sa_compare**. Enable **Show compare on product cards** on **Main collection** to surface the control in grids.
Sections overview · Section schema reference
Schema file
main-compare.liquid — t:sections.main_compare.name
Settings
| id | type | label |
|---|---|---|
| intro | richtext | t:sections.main_compare.settings.intro_richtext.label |
| continue_url | url | t:sections.main_compare.settings.continue_url.label |
| color_scheme | color_scheme | t:sections.all.settings.color_scheme.label |
| padding_top | select | t:sections.all.settings.section_padding.padding_top.label |
| padding_bottom | select | t:sections.all.settings.section_padding.padding_bottom.label |
| show_page_title | checkbox | t:sections.main_compare.settings.show_page_title.label |
Blocks
No blocks in this section.
Was this page helpful?
Content is maintained by Arcanum Hollow Labs. For internal engineering notes, see the docs/ folder in the monorepo.