{"id":88997,"date":"2018-07-21T18:14:56","date_gmt":"2018-07-21T18:14:56","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/before-after-image-comparison-slider-for-elementor\/"},"modified":"2025-04-26T08:22:43","modified_gmt":"2025-04-26T08:22:43","slug":"before-after-image-comparison-slider-for-elementor","status":"publish","type":"plugin","link":"https:\/\/pl.wordpress.org\/plugins\/before-after-image-comparison-slider-for-elementor\/","author":17890222,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.7.0","stable_tag":"1.7.0","tested":"6.8.5","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"Before After Image Comparison Slider for Elementor","header_author":"Plugin Devs","header_description":"Before After Image Comparison Slider for Elementor is an image comparison slider \t\t\t\t plugin. This plugin allows you to create the effect for comparing two before and \t\t\t   after images.","assets_banners_color":"","last_updated":"2025-04-26 08:22:43","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/plugin-devs.com\/product\/before-after-slider-for-elementor\/","header_author_uri":"https:\/\/plugin-devs.com\/","rating":4.3,"author_block_rating":0,"active_installs":10000,"downloads":131334,"num_ratings":95,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.2.0":{"tag":"1.2.0","author":"webbuilder03","date":"2019-06-21 18:35:13"},"1.2.1":{"tag":"1.2.1","author":"webbuilder03","date":"2019-07-17 16:58:08"},"1.2.2":{"tag":"1.2.2","author":"webbuilder03","date":"2019-09-23 19:55:25"},"1.3.3":{"tag":"1.3.3","author":"webbuilder03","date":"2019-09-30 18:10:39"},"1.4.0":{"tag":"1.4.0","author":"webbuilder03","date":"2020-01-23 16:12:21"},"1.4.1":{"tag":"1.4.1","author":"webbuilder03","date":"2020-03-08 05:07:54"},"1.4.2":{"tag":"1.4.2","author":"webbuilder03","date":"2020-03-08 05:07:54"},"1.4.3":{"tag":"1.4.3","author":"plugindevs","date":"2020-06-23 20:13:14"},"1.4.4":{"tag":"1.4.4","author":"plugindevs","date":"2020-06-23 20:13:14"},"1.4.5":{"tag":"1.4.5","author":"plugindevs","date":"2020-08-10 12:36:16"},"1.4.6":{"tag":"1.4.6","author":"plugindevs","date":"2020-10-01 04:28:15"},"1.4.7":{"tag":"1.4.7","author":"plugindevs","date":"2021-01-08 11:57:29"},"1.4.8":{"tag":"1.4.8","author":"plugindevs","date":"2021-06-21 18:33:04"},"1.4.9":{"tag":"1.4.9","author":"plugindevs","date":"2021-08-14 08:05:05"},"1.5.0":{"tag":"1.5.0","author":"plugindevs","date":"2022-04-08 10:02:59"},"1.6.0":{"tag":"1.6.0","author":"plugindevs","date":"2023-04-03 14:40:18"},"1.6.2":{"tag":"1.6.2","author":"plugindevs","date":"2024-02-16 05:43:38"},"1.6.5":{"tag":"1.6.5","author":"plugindevs","date":"2025-01-12 02:45:08"},"1.7.0":{"tag":"1.7.0","author":"plugindevs","date":"2025-04-26 08:22:43"}},"upgrade_notice":[],"ratings":{"1":10,"2":2,"3":4,"4":8,"5":71},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.2.0","1.2.1","1.2.2","1.3.3","1.4.0","1.4.1","1.4.2","1.4.3","1.4.4","1.4.5","1.4.6","1.4.7","1.4.8","1.4.9","1.5.0","1.6.0","1.6.2","1.6.5","1.7.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":1979709,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":1979709,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Admin Panel","2":"Slider"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[159538,11627,130737,236816,159536],"plugin_category":[],"plugin_contributors":[184013],"plugin_business_model":[],"class_list":["post-88997","plugin","type-plugin","status-publish","hentry","plugin_tags-before-after-image-comparison-slider","plugin_tags-before-after-image-slider","plugin_tags-before-after-slider","plugin_tags-elementor-before-after-image-comparison-slider","plugin_tags-elementor-before-after-slider","plugin_contributors-plugindevs","plugin_committers-plugindevs"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/before-after-image-comparison-slider-for-elementor.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/before-after-image-comparison-slider-for-elementor\/assets\/screenshot-1.png?rev=1979709","caption":"Admin Panel"},{"src":"https:\/\/ps.w.org\/before-after-image-comparison-slider-for-elementor\/assets\/screenshot-2.png?rev=1979709","caption":"Slider"}],"raw_content":"<!--section=description-->\n<p>Before After Image Comparison Slider for Elementor is an image comparison slider plugin for Elementor Page Builder. This plugin allows you to create the effect for comparing two before and after images.<\/p>\n\n<p>This plugin let you compare two before and after images with Elementor Front-end Drag and Drop Builder.<\/p>\n\n<p>You can add unlimited numbers of slider with this plugin. This plugin also let you see the preview of how the slider looks on the website while you editing a slider.<\/p>\n\n<blockquote>\n  <p><strong><a href=\"https:\/\/plugin-devs.com\/product\/before-after-slider-for-elementor\/\">Upgrade to Pro!<\/a><\/strong> \n  <strong><a href=\"https:\/\/plugin-devs.com\/product\/gallery-slider-for-elementor-before-after-slider\/\">Buy Gallery Slider AddOn!<\/a><\/strong>\n  <strong><a href=\"https:\/\/plugin-devs.com\/product\/carousel-slider-for-elementor-before-after-slider\/\">Buy Carousel Slider AddOn!<\/a><\/strong><\/p>\n<\/blockquote>\n\n<h3>Features<\/h3>\n\n<ul>\n<li><p><strong>Responsive and Touch Friendly<\/strong> - It is fully responsive on any browser and Touch Friendly for mobile and touch devices.<\/p><\/li>\n<li><p><strong>Image Dimensions<\/strong> -- You can use any image sizes used in your theme.<\/p><\/li>\n<li><p><strong>Custom Image Dimensions<\/strong> -- You can also use custom image dimension such as Width and Height for the images.<\/p><\/li>\n<li><p><strong>Custom CSS<\/strong> -- Option to Override Default CSS and add your own style with Custom CSS<\/p><\/li>\n<li><p><strong>Live Preview<\/strong> -- you can see the preview of how the slider looks on your website while you editing a slider.<\/p><\/li>\n<li><p><strong>Unlimited Slider<\/strong> -- There is no limitation on the number of slider. So, You can create unlimited number of slider .<\/p><\/li>\n<\/ul>\n\n<blockquote>\n  <p><strong><a href=\"https:\/\/plugin-devs.com\/product\/before-after-slider-for-elementor\/\">Upgrade to Pro!<\/a><\/strong> \n  <strong><a href=\"https:\/\/plugin-devs.com\/product\/gallery-slider-for-elementor-before-after-slider\/\">Buy Gallery Slider AddOn!<\/a><\/strong>\n  <strong><a href=\"https:\/\/plugin-devs.com\/product\/carousel-slider-for-elementor-before-after-slider\/\">Buy Carousel Slider AddOn!<\/a><\/strong><\/p>\n<\/blockquote>\n\n<p>There is also a pro version of this plugin. You will get more features and advantages on the pro version.<\/p>\n\n<h3>Pro Features<\/h3>\n\n<blockquote>\n  <p><strong><a href=\"https:\/\/plugin-devs.com\/product\/before-after-slider-for-elementor\/\">Upgrade to Pro!<\/a><\/strong> \n  <strong><a href=\"https:\/\/plugin-devs.com\/product\/gallery-slider-for-elementor-before-after-slider\/\">Buy Gallery Slider AddOn!<\/a><\/strong>\n  <strong><a href=\"https:\/\/plugin-devs.com\/product\/carousel-slider-for-elementor-before-after-slider\/\">Buy Carousel Slider AddOn!<\/a><\/strong><\/p>\n<\/blockquote>\n\n<ul>\n<li>Two types of Orientation (Horizontal and Vertical)<\/li>\n<li><strong>Supports Dynamic Tags Feature.<\/strong><\/li>\n<li>Move with Mouse Click on Image<\/li>\n<li>Move with Mouse Hover<\/li>\n<li>Change Image Size<\/li>\n<li>Apply Custom Image Dimension<\/li>\n<li>Customizable Default Slider Offset<\/li>\n<li>Customized Before\/After Texts<\/li>\n<li>Customizable Background for Before\/After Texts<\/li>\n<li>Customizable Text Color for Before\/After Texts<\/li>\n<li>Responsive and Touch Friendly<\/li>\n<li>Cross Browser Compatible<\/li>\n<li>Supported on all Modern New Browsers and Devices<\/li>\n<li>Use Unlimited Sliders on Same Page<\/li>\n<li>Global Custom CSS<\/li>\n<li>Global Custom JS<\/li>\n<li>All Free Features<\/li>\n<li>Priority Support and Bug Fix<\/li>\n<\/ul>\n\n<blockquote>\n  <p><strong>More Features are Coming Soon<\/strong><\/p>\n  \n  <p><strong><a href=\"https:\/\/plugin-devs.com\/product\/before-after-slider-for-elementor\/\">Upgrade to Pro!<\/a><\/strong> \n  <strong><a href=\"https:\/\/plugin-devs.com\/product\/gallery-slider-for-elementor-before-after-slider\/\">Buy Gallery Slider AddOn!<\/a><\/strong>\n  <strong><a href=\"https:\/\/plugin-devs.com\/product\/carousel-slider-for-elementor-before-after-slider\/\">Buy Carousel Slider AddOn!<\/a><\/strong><\/p>\n<\/blockquote>\n\n<h3>AddOns<\/h3>\n\n<p>We are continiously developed addon for this slider so that you can extend the appearance of the Slider.<\/p>\n\n<p>1) <strong><a href=\"https:\/\/plugin-devs.com\/product\/gallery-slider-for-elementor-before-after-slider\/\">Gallery Slider AddOn:<\/a> <\/strong> Gallery Slider AddOn for Elementor Before After Slider which lets you display Your Slider as Slideshow with image Navigation<\/p>\n\n<blockquote>\n  <p><strong><a href=\"https:\/\/plugin-devs.com\/product\/gallery-slider-for-elementor-before-after-slider\/\">Buy Gallery Slider AddOn!<\/a><\/strong><\/p>\n<\/blockquote>\n\n<p>2) <strong><a href=\"https:\/\/plugin-devs.com\/product\/carousel-slider-for-elementor-before-after-slider\/\">Carousel Slider AddOn:<\/a> <\/strong> Carousel AddOn for Elementor Before After Slider which lets you display Your Slider with Image Carousel<\/p>\n\n<blockquote>\n  <p><strong><a href=\"https:\/\/plugin-devs.com\/product\/carousel-slider-for-elementor-before-after-slider\/\">Buy Carousel Slider AddOn!<\/a><\/strong><\/p>\n<\/blockquote>\n\n<p>** We welcome your feedback and suggestions to improve the plugin! Please contact with us at <a href='mailto:webbuilders03@gmail.com'><strong>webbuilders03@gmail.com<\/strong><\/a> for any kinds of <strong>Suggestion<\/strong>**<\/p>\n\n<!--section=installation-->\n<p>This section describes how to install the plugin and get it working.<\/p>\n\n<ol>\n<li>Upload the plugin folder to the '\/wp-content\/plugins\/' directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<li>Go to Elementor Front End Editor, and looking for the addon under \"WEB BUILDERS ELEMENT\" panel named as \"Before After Image Comparison Slider\".<\/li>\n<li>Upload Two Images and set your desired image sizes and configure other options as you do on other elements.<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.7.0 (04-26-25)<\/h4>\n\nEscape Before and After texts to Enhance Security\n\nCompatible with WordPress Latest Version\n\nCompatible with Elementor Latest Version\n\nCompatible with Elementor PRO Latest Version\n\nAdd demo links for addons\n\n<h4>1.6.5 (01-12-25)<\/h4>\n\nUpdate some deprecated functions to load the widget\n\nCompatible with WordPress Latest Version\n\nCompatible with Elementor Latest Version\n\nCompatible with Elementor PRO Latest Version\n\nUpdate readme.txt (remove unused tags)\n\n<h4>1.6.4 (11-05-24)<\/h4>\n\nCompatible with WordPress Latest Version\n\nCompatible with Elementor Latest Version\n\nCompatible with Elementor PRO Latest Version\n\n<h4>1.6.3 (02-16-24)<\/h4>\n\nCompatible with WordPress Latest Version\n\nCompatible with Elementor Latest Version\n\nCompatible with Elementor PRO Latest Version\n\nTweak CSS\n\n<h4>1.6.2 (08-29-23)<\/h4>\n\nCompatible with WordPress Latest Version\n\nCompatible with Elementor Latest Version\n\nCompatible with Elementor PRO Latest Version\n\n<h4>1.6.1 (03-04-23)<\/h4>\n\nFix Double Slash issue on assets include url\n\nMake compatible with Latest WordPress\n\n<h4>1.6.0 (04-08-22)<\/h4>\n\nFix <code>Elementor\\Widgets_Manager::register_widget_type<\/code> is soft deprecated since 3.5.0\n\nFix <code>elementor\/widgets\/widgets_registered<\/code> is soft deprecated since 3.5.0\n\nFix Deprecated: _register_controls is deprecated since version 3.1.0!\n\n<h4>1.5.0 (08-14-21)<\/h4>\n\nMake Compatible with WordPress 5.8\n\nMake Compatible with the latest Elementor 3.3.1\n\n<h4>1.4.9 (06-22-21)<\/h4>\n\nFix Conflict with Post SMTP Plugin\n\nTested with Latest Elementor Version\n\n<h4>1.4.8 (01-08-21)<\/h4>\n\nFix Plugin Broke Multisite Issue\n\nMake Compatible with Multisite\n\n<h4>1.4.7 (10-01-20)<\/h4>\n\nAdd Proper Event Binding on window load to compatible with Latest WordPress\n\n<h4>1.4.6 (08-18-20)<\/h4>\n\nCompatible Plugin Deactivation Feedback with WordPress 5.5\n\n<h4>1.4.5<\/h4>\n\nMake Compatible with WordPress 5.5\n\n<h4>1.4.4<\/h4>\n\nFix Review Nag Displayed every time for some websites\n\nAdd Option instead of transient to avoid review nag\n\nAdd AddOn Page\n\n<h4>1.4.3<\/h4>\n\nPermanently Hide the Review Banner After Clicking on the \"Already Reviewed\" Button\n\n<h4>1.4.2<\/h4>\n\nSet Review Transient to three month\n\nUpdate Promo Links\n\n<h4>1.4.1<\/h4>\n\nUpdate Support Section\n\nAdd Promo Links\n\n<h4>1.4.0<\/h4>\n\nAdd Custom CSS Option\n\nAdd Support Page on Admin\n\n<h4>1.3.3<\/h4>\n\n<ul>\n<li>Make Compatible with Image Lazy Loading Effect<\/li>\n<li>Fix Divider pushed off right<\/li>\n<li>Fix PHP Warning undefined index 'slug'<\/li>\n<\/ul>\n\n<h4>1.3.2<\/h4>\n\n<ul>\n<li>Fix a JS issue<\/li>\n<\/ul>\n\n<h4>1.3.1<\/h4>\n\n<ul>\n<li>Make the plugin Translation Ready<\/li>\n<li>Fix Live Preview not working of the Slider<\/li>\n<li>Remove Internal Javascript from before-after widget<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>Fix Slider not showing on first page load<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Update Plugin Review Links <\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Bug fixes for Elementor Front End Editing<\/li>\n<li>Fix Issues for Image Size Customization <\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial Release<\/li>\n<\/ul>","raw_excerpt":"Before After Image Comparison Slider for Elementor is an image comparison slider plugin for Elementor Page Builder. This plugin allows you to create t &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/88997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=88997"}],"author":[{"embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/plugindevs"}],"wp:attachment":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=88997"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=88997"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=88997"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=88997"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=88997"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=88997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}