Image Comparison
The Image Comparison section allows you to compare two products using an interactive slider. This section displays two images side-by-side with a slider in the middle. Customer can use the slider to compare two images side-by-side.
- Section Header:
- Heading: Enter the title.
- Heading Size: Select the display size for the title.
- Sub-heading: Enter the sub-heading if any.
- Description: Enter detailed description information.
- Alignment: Align the displayed information.
- Button Text and Link: Enter text and select the link for the button, and choose whether to open the link in a new window or the current window.
- Section footer:
- Enter text and select the link for the button at the button label and button link.
- Select the link to open in a new window or open in the current window if not seclected
- Section Layout:
- Color Scheme: Select a background color if no background image is displayed.
- Background: Choose a background image if available.
- Section Full Width: Select or deselect (if unselected, customize size at Section max width).
- Content Full Width: Choose full width for content (if not, customize at Content max width).
- Adjust padding and margin on mobile, desktop, and tablet screens.
- Section Optimization:
- Lazy Load Speed: The section loads only when scrolling to it on the page.
- In Image Comparison, add an item:
- Image: Choose a product image.
- Heading: Enter the product name.
- Button: Enter button text and assign the product link here.