Image Comparison Block
It is a showcase before-and-after images with an interactive slider. Ideal for photographers, designers, and eCommerce, this improves engagement by letting visitors compare images effortlessly
Firstly Open Block area from left top “+” icon click.
After clicking the “+” Plus icon, It will show like below box.
Click on “Image Comparision Block” which is marked above. When you select this it will show right side icon. Click on icon to upload left side image and right side image.
or you can select by typing “/” sign. After “/comparison” typing like this you will see Image Comparison Block, Select this.
Above icon is a placeholder. click on icon to upload image. Or Click Right sidebar like below arrow shows icon.It will open block settings area. Upload before and after image with box icon.
When you clicked on Before Image Button, It will open wordpress image uploader panel. Your existing image can be use here.
After uploading both before after image, it will looks like below. You can replace, edit image just clicking image or edit icon, Or You can delete with delete icon.
It can be also vertical, Default is Horizontal mode. If you want to use it vertical mode just click on “Vertical mode” switch. You can also use label for both image. Just click on Show Labels switch to show label.
Final View of the Comparison
By following a few simple steps and making some custom adjustments, you can easily tailor your Image Comparison to match your vision and achieve the desired results.
With the Image Comparison feature of the “Necessary Blocks” you can effectively showcase the differences between two products in a visually appealing way, capturing your visitors' attention effortlessly.