Image comparison

The Image comparison block allows you to showcase before-and-after visuals with a draggable slider. It’s ideal for demonstrating product effects or transformations, and you can customize the image ratio and toggle text labels to enhance clarity.

General settings

Setting
Description

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

Last updated