Second image

To enable the Before/After functionality for the banner, simply add the corresponding block to the section and apply the desired configurations.

This feature allows you to place two images side by side, enabling customers to compare the results seamlessly.

Tip: The first image can be specified in the main section.

In the "Image" picker, set a second image by selecting it from the Theme Library or uploading it from your device.

Note! The Before/After functionality will automatically switch to a simple banner on mobile view if you set a specific image in the "Mobile settings" block.

Use the "Make as Before/After" drop-down to change the layout of the slider:

• "Disable". Two images will be placed next to each other without a dividing line by selecting the current option.

• "Horizontal". Set the horizontal dividing line by choosing this option, displaying the images side by side.

• "Vertical". Use the provided option to display the vertical dividing line, separating images and positioning them at the top and bottom.

Activate the "Enable pulse animation on mobile" option to add a round, semi-transparent pulse animation effect in the bottom-right corner of the image on mobile. This prompts viewers to tap or click the image, moving the slider's arrow to reveal changes.