Product comparison settings

This is an example of how your section can look.

Setting Description
Color scheme Applying a color scheme to the product comparison section automatically updates all associated colors set in the theme settings according to the created color schemes. You can edit colors in this block, but it will impact the other sections and blocks in which the same color scheme is used.
Show secondary background Check the box to set a background for the entire section different from the container background with content.
Secondary background color You have a color picker to choose the right color for secondary background.
Heading To add a heading, simply enter the text in the provided field. In the top menu of the field, you can find options to customize the heading such as making it bold, italic, or adding a hyperlink. Furthermore, you can click the dynamic source button to insert a dynamic source for the featured collection description.
Heading alignment

You have three alignment options for the heading to choose from:

  • Left: Aligns the heading to the left side of the section.
  • Center: Aligns the heading to the center of the section.
  • Right: Aligns the heading to the right side of the section.
Heading size

The heading size setting offers three options to control the size of the section heading:

  • Small
  • Medium
  • Large
Description  To add a description, simply enter the text in the provided field. In the top menu of the field, you can find options to customize text such as making it bold, italic, or adding a hyperlink. Additionally, you can use the style of headings from H1 to H6 to the body text and create bullet or numbered lists for your description. Furthermore, you can click the dynamic source button to insert a dynamic source for the featured collection description.
Heading alignment

You have three options to align heading or heading with description:

  • Left: Aligns heading and description to the left side of the section.
  • Center: Aligns heading and description to the center of the section.
  • Right: Aligns heading and description to the right side of the section.
Products You can add up to 3 products to compare different characteristics, allowing customers to choose the best option. Click on Select product and look through the list to pick 3 products.

Section paddings


Setting Description
Top padding The “Top padding” setting allows you to adjust the amount of space at the top of the section using a slider. 
Bottom padding The “Bottom padding” setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. 
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