Compare

The Compare feature lets users easily view and evaluate the specifications of 2 to 4 products side by side. You can fully customize the look and feel of the compare button, drawer, and pop-up to match your brand’s design.


Setting Description
Enable compare Enabling this option allows users to interact with the compare products pop-up to easily compare selected items.
Color scheme Select a color scheme from the list to customize the compare button color to match your design. Add a color scheme to the entire section from the dropdown list. These schemes are created in the Theme Settings and are available across all sections, making customization faster and ensuring a cohesive color system throughout your store. Learn more about color schemes.
Button style

This option lets you choose the button style. Select one of two options:

  • Primary – uses the primary colors defined in the selected color scheme for this button type.
  • Secondary – uses the secondary colors defined in the selected color scheme for this button type.

Drawer settings

Setting Description
Color scheme Select a color scheme from the list to customize the compare drawer color to match your design. Add a color scheme to the entire section from the dropdown list. These schemes are created in the Theme Settings and are available across all sections, making customization faster and ensuring a cohesive color system throughout your store. Learn more about color schemes.
Button style

This option lets you choose the "Compare" button style. Select one of two options:

  • Primary – uses the primary colors defined in the selected color scheme for this button type.
  • Secondary – uses the secondary colors defined in the selected color scheme for this button type.
Icon This option allows you to choose an icon to display before the text on the button. Simply select the desired icon from the list, or choose "None" if you don’t want to display an icon on the button.

Modal settings

Setting Description
Color scheme Select a color scheme from the list to customize the compare pop-up color to match your design. Add a color scheme to the entire section from the dropdown list. These schemes are created in the Theme Settings and are available across all sections, making customization faster and ensuring a cohesive color system throughout your store. Learn more about color schemes.
Product card color scheme Select a color scheme from the dropdown to style the compare pop-up according to your design.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us