Product comparison

When enabled, test mode keeps the compare drawer and popup always visible while you're adjusting settings in the theme customizer, allowing you to preview changes in real time.

• To view products in the drawer test mode, click the compare icon on product cards.
• To view products in the popup test mode, click the Compare button in the drawer — the selected products will appear in the comparison popup.

Select the overall color scheme for the drawer interface.

Note: You can create color schemes in Theme Settings > Colors tab, then apply one to each section, block, or template.

Choose how product cards are displayed in the compare drawer:

• Staggered Cards: Product cards are arranged in a staggered layout for a more dynamic, layered appearance.
• Aligned Cards: Product cards are neatly aligned in a uniform grid for a clean and structured look.

The image ratio determines the shape and proportions of product images. Selecting the right ratio helps maintain a consistent layout and visual balance across product cards.

Available options:

• Portrait: A vertical image layout (taller than it is wide). Best for showcasing products with more height.
• Square: A balanced layout where height and width are equal. Ideal for uniform product display.
• Landscape: A horizontal image layout (wider than it is tall). Suitable for wider product shots.

This setting allows you to show or hide type on product cards in compare drawer.

Note: The product vendor must first be added on the product page in the admin.

Select the overall color scheme for the comparison popup interface.

Note: You can create color schemes in Theme Settings > Colors tab, then apply one to each section, block, or template.