Image Before After Addon for Elementor – WPTD
Image Before After Addon for Elementor – WPTD
Description
The #1 Image Before After Addon for Elementor
WPTD Image Before After is advanced elementor image compare plugin. You can easily compare two images by selection. Also we Provide here horizontal and vertical options too.
Rate
The Features
Image Before After showing vertical and horizontal sliders and many features:
Also you can apply many options as we mentioned some examples below
- Orientation (Horizontal/Vertical).
- Default Offset(default slider range from 0 – 1).
- Move slider on mouse hover?.
- Allow a user to swipe.
- Allow a user to click (or tap) anywhere on the image to move the slider to that location.
- Enable overlay option for show before after labels
- Any theme support
- Easy to Use.
Live Demo
Contact Us for More Works
Installation
Installation
- Upload ‘wptd-image-compare’ folder to the ‘/wp-content/plugins/’ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Now read How of Use
Screenshots

**Goto Elementor page builder. Search keywords like "compare". You can get our Image Compare shortcode.

**Search tab wise Our Image Compare shortcode under WPTD tab.

**Image compare with horizontal slider.

**Image compare with vertical slider.

**Image compare with both horizontal and vertical slideron same section.
Faq
No. You cannot use without Elementor since it’s an addon for Elementor.
Absolutely! It will work with any theme where Elementor works.
Absolutely! Feel free contact us. We can upgrade or create plugins.
Reviews
The problem with the "After"
By kickermax on June 14, 2023
A good plugin, everything works fine.
But there is a problem. The inscription "after" is displayed, but copies the content "before".
It is fixed very easily. In the file image-compare.php (along the way wptd-image-compare/trunk/widgets/image-compare.php) in function renderduring subsequent rendering, "data-before" and "data-after" have the same tokens (thats all).echo sprintf('<figure class="%1$s" data-offset="%2$s" data-orientation="%3$s" data-move="%4$s" data-swipe="%5$s" data-hover="%6$s" data-noverlay="%7$s" data-before="%8$s" data-after="%8$s">',
Just change last data-after for "%9$s"
Changelog
1.1
- Elementor _register_controls deprecation issue fixed
1.0
- Intial release.