{"id":361833,"date":"2026-09-02T16:15:18","date_gmt":"2026-09-02T16:15:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/before-after-gallery-for-elementor-filterable-slider\/"},"modified":"2026-09-02T16:14:45","modified_gmt":"2026-09-02T16:14:45","slug":"befora-before-after-gallery-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/befora-before-after-gallery-elementor\/","author":14817652,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"Befora \u2013 Before After Gallery for Elementor","header_author":"Atiqur Rehman","header_description":"Filterable before and after image comparison gallery widget for Elementor with responsive controls and customizable styling.","assets_banners_color":"0a4349","last_updated":"2026-09-02 16:14:45","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/www.upwork.com\/freelancers\/~013144137e81b3f6b3","rating":0,"author_block_rating":0,"active_installs":0,"downloads":43,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"atiq29","date":"2026-09-02 16:14:45","revision":3678341}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3678341,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3678341,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3678341,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3678341,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3678341,"resolution":"1","location":"assets","locale":"","width":1042,"height":859},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3678341,"resolution":"2","location":"assets","locale":"","width":1038,"height":821},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3678341,"resolution":"3","location":"assets","locale":"","width":1038,"height":821},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3678341,"resolution":"4","location":"assets","locale":"","width":241,"height":829},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3678341,"resolution":"5","location":"assets","locale":"","width":240,"height":917}},"screenshots":{"1":"Filterable Before\/After gallery with category buttons and draggable comparison handles.","2":"Responsive filter navigation using a dropdown on smaller devices.","3":"Elementor content controls for adding categories and Before\/After image pairs.","4":"Elementor styling controls for filter buttons, labels, divider, handle, spacing, and responsive layout.","5":"Device-specific filter navigation controls with Buttons, Dropdown, or Both."}},"plugin_section":[],"plugin_tags":[278900,130737,76538,7781,176050],"plugin_category":[],"plugin_contributors":[278901],"plugin_business_model":[],"class_list":["post-361833","plugin","type-plugin","status-publish","hentry","plugin_tags-before-after-gallery","plugin_tags-before-after-slider","plugin_tags-elementor","plugin_tags-filterable-gallery","plugin_tags-image-comparison","plugin_contributors-atiq29","plugin_committers-atiq29"],"banners":{"banner":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/banner-772x250.png?rev=3678341","banner_2x":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/banner-1544x500.png?rev=3678341","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/icon-128x128.png?rev=3678341","icon_2x":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/icon-256x256.png?rev=3678341","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/screenshot-1.png?rev=3678341","caption":"Filterable Before\/After gallery with category buttons and draggable comparison handles."},{"src":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/screenshot-2.png?rev=3678341","caption":"Responsive filter navigation using a dropdown on smaller devices."},{"src":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/screenshot-3.png?rev=3678341","caption":"Elementor content controls for adding categories and Before\/After image pairs."},{"src":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/screenshot-4.png?rev=3678341","caption":"Elementor styling controls for filter buttons, labels, divider, handle, spacing, and responsive layout."},{"src":"https:\/\/ps.w.org\/befora-before-after-gallery-elementor\/assets\/screenshot-5.png?rev=3678341","caption":"Device-specific filter navigation controls with Buttons, Dropdown, or Both."}],"raw_content":"<!--section=description-->\n<p>Befora \u2013 Before After Gallery for Elementor adds a dedicated Elementor widget for interactive before and after image comparison galleries.<\/p>\n\n<p>Create service or project categories and add multiple Before\/After image pairs. Projects sharing the same category are grouped under one filter button automatically.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Filterable before after gallery for Elementor<\/li>\n<li>Unlimited project categories and comparison items<\/li>\n<li>Fixed Before and After images with draggable reveal<\/li>\n<li>Responsive columns, image height, row gap and column gap<\/li>\n<li>Responsive widget, gallery, tabs, button padding and margins<\/li>\n<li>Normal, Hover and Active filter button colors<\/li>\n<li>Filter button typography, borders, radius and hover effects<\/li>\n<li>Divider line color and width controls<\/li>\n<li>Handle size, border, radius, Normal and Hover colors<\/li>\n<li>Before and After label controls and styling<\/li>\n<li>Image fit, position, border, radius and box shadow<\/li>\n<li>Touch, mouse, pointer and keyboard support<\/li>\n<li>Optional All tab and Before\/After labels<\/li>\n<li>Lazy-loaded images<\/li>\n<li>Translation ready<\/li>\n<li>Multiple widgets supported on the same page<\/li>\n<\/ul>\n\n<h3>Support &amp; Custom Development<\/h3>\n\n<p>Author: Atiqur Rehman<\/p>\n\n<p>Email: atiqurrehman29@gmail.com<\/p>\n\n<p>Upwork: https:\/\/www.upwork.com\/freelancers\/~013144137e81b3f6b3<\/p>\n\n<p>For custom Elementor widgets, WordPress development, or plugin customization, use the Upwork profile above. Plugin support is available through the WordPress.org support forum after publication.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate Elementor.<\/li>\n<li>Upload this plugin ZIP from Plugins &gt; Add New &gt; Upload Plugin.<\/li>\n<li>Activate the plugin.<\/li>\n<li>Edit a page with Elementor.<\/li>\n<li>Search for \"Before After Gallery\".<\/li>\n<li>Add projects, categories, Before images and After images.<\/li>\n<li>Customize the widget from the Content and Style tabs.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20require%20elementor%20pro%3F\"><h3>Does it require Elementor Pro?<\/h3><\/dt>\n<dd><p>No. Elementor Pro is not required.<\/p><\/dd>\n<dt id=\"can%20one%20category%20contain%20multiple%20comparisons%3F\"><h3>Can one category contain multiple comparisons?<\/h3><\/dt>\n<dd><p>Yes. Give multiple projects the same category name.<\/p><\/dd>\n<dt id=\"do%20the%20images%20zoom%20while%20dragging%3F\"><h3>Do the images zoom while dragging?<\/h3><\/dt>\n<dd><p>No. Both images remain fixed. Only the clipped reveal area changes.<\/p><\/dd>\n<dt id=\"is%20it%20responsive%3F\"><h3>Is it responsive?<\/h3><\/dt>\n<dd><p>Yes. Columns, heights, gaps, margins, padding and several visual controls have desktop, tablet and mobile settings.<\/p><\/dd>\n<dt id=\"can%20i%20use%20buttons%20on%20desktop%20and%20a%20dropdown%20on%20mobile%3F\"><h3>Can I use buttons on desktop and a dropdown on mobile?<\/h3><\/dt>\n<dd><p>Yes. Desktop, tablet, and mobile each have an independent filter navigation setting. Choose Buttons, Dropdown, or Both for each device.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial public release.<\/li>\n<li>Added filterable Before\/After gallery widget for Elementor.<\/li>\n<li>Added responsive Buttons, Dropdown, or Both filter navigation per device.<\/li>\n<li>Added responsive layout, spacing, image, filter, label, divider, and handle controls.<\/li>\n<li>Added mouse, touch, pointer, and keyboard interaction support.<\/li>\n<li>Added responsive dropdown overflow handling for tablet and mobile.<\/li>\n<\/ul>","raw_excerpt":"Create responsive, filterable before and after image comparison galleries in Elementor with draggable sliders and customizable controls.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/361833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=361833"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/atiq29"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=361833"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=361833"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=361833"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=361833"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=361833"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=361833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}