وەسف
Befora – Before After Gallery for Elementor adds a dedicated Elementor widget for interactive before and after image comparison galleries.
Create service or project categories and add multiple Before/After image pairs. Projects sharing the same category are grouped under one filter button automatically.
Features
- Filterable before after gallery for Elementor
- Unlimited project categories and comparison items
- Fixed Before and After images with draggable reveal
- Responsive columns, image height, row gap and column gap
- Responsive widget, gallery, tabs, button padding and margins
- Normal, Hover and Active filter button colors
- Filter button typography, borders, radius and hover effects
- Divider line color and width controls
- Handle size, border, radius, Normal and Hover colors
- Before and After label controls and styling
- Image fit, position, border, radius and box shadow
- Touch, mouse, pointer and keyboard support
- Optional All tab and Before/After labels
- Lazy-loaded images
- Translation ready
- Multiple widgets supported on the same page
Support & Custom Development
Author: Atiqur Rehman
Email: atiqurrehman29@gmail.com
Upwork: https://www.upwork.com/freelancers/~013144137e81b3f6b3
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.
سکرین شۆتەکان
دامەزراندن
- Install and activate Elementor.
- Upload this plugin ZIP from Plugins > Add New > Upload Plugin.
- Activate the plugin.
- Edit a page with Elementor.
- Search for “Before After Gallery”.
- Add projects, categories, Before images and After images.
- Customize the widget from the Content and Style tabs.
پهد
-
Does it require Elementor Pro?
-
No. Elementor Pro is not required.
-
Can one category contain multiple comparisons?
-
Yes. Give multiple projects the same category name.
-
Do the images zoom while dragging?
-
No. Both images remain fixed. Only the clipped reveal area changes.
-
Is it responsive?
-
Yes. Columns, heights, gaps, margins, padding and several visual controls have desktop, tablet and mobile settings.
-
Yes. Desktop, tablet, and mobile each have an independent filter navigation setting. Choose Buttons, Dropdown, or Both for each device.
پێداچوونەوەکان
هیچ پێداچوونەوەیەک نەنووسراوە بۆ ئەم پێوەکراوە.
بەشداربووان و گەشەپێدەران
“Befora – Before After Gallery for Elementor” نەرمەواڵەیەکی سەرچاوە کراوەیە. ئەم کەسانەی خوارەوە بەشدارییان تێدا کردووە.
بەشداربووان
“Befora – Before After Gallery for Elementor” وەربگێڕە بۆ زمانەکەی خۆت.
دەتەوێت بەشداربیت لە گەشەپێدان؟
گەڕان لە کۆدەکەدا بکە، سەیری تەمارگەی (SVN) بکە، یان بەشداربە لە ڕووداوتۆماری گەشەپێدان لە ڕێگەی (RSS).
ڕووداوتۆمارگەریی گۆڕین
1.0.0
- Initial public release.
- Added filterable Before/After gallery widget for Elementor.
- Added responsive Buttons, Dropdown, or Both filter navigation per device.
- Added responsive layout, spacing, image, filter, label, divider, and handle controls.
- Added mouse, touch, pointer, and keyboard interaction support.
- Added responsive dropdown overflow handling for tablet and mobile.