Discover Purity: Our newest Shopify theme

Contact Us

Contact NextSky if you need further assistance.

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

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
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).