The Before After Image element allows you to compare the before and after versions of an image by simply sliding over them. Users will be able to move a slider to easily compare the two images. It is responsive and touch-friendly. It also supports the dynamic data option which means you can fetch the images, text, etc with the help of ACF, MetaBox, or custom field value.
Activate The Element
By default this element is disabled. At first, you will activate the Before After Image element after going to your Dashboard -> Bricks -> BricksUltimate -> General Elements page. Under the general elements tab, you will get the elements list. Checkmark the Before After Image element and save the settings.
Now open the Bricks editor and add this element on the canvas. You will set the before/after image source and other extra settings. That’s it.
Note: If the preview is messed up on the Bricks editor, you will click on the Reload canvas button.