Image comparison
The Image Comparison block allows customers to interactively compare two images (typically a 'before' and 'after' state) using a draggable slider. You can set the images, control the aspect ratio, and customize the styling.
General settings
Before / After
Choose the image to display for this section or feature. You can upload a new image or select one from your existing media library.
Show before / after text
Specify the image to be displayed on mobile devices.
This allows you to use a mobile-optimized image that may differ from the desktop version for better performance and visual clarity.
Image ratio
The image ratio for the featured images of the blog posts:
Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.
Portrait - Crops the images to use a 3:4 ratio.
Square - Crops the images to use a 1:1 ratio
Landscape - Crops the images to use a 4:3 ratio
Corner Radius
Controls the rounding of the block's corners. Options include:
Inherit (Default — adopts the Theme settings's radius)
None (Sharp corners)
Custom (Allows you to set a specific radius).
Custom Radius
Only visible when Corner Radius is Custom.
Use the slider to set a specific corner radius for the block, measured in pixels (px) (Range: 0px to 50px).
Last updated