Àpèjúwe
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.
Àwọn àwòrán ìbòjú
Ìgbéwọlẹ̀
- 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.
FAQ
-
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.
Àwọn àgbéyẹ̀wò
Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.
Àwọn Olùkópa & Olùgbéejáde
“Befora – Before After Gallery for Elementor” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.
Àwọn Olùkópa
Túmọ̀ “Befora – Before After Gallery for Elementor” sí èdè rẹ.
Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?
Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.
Àkọsílẹ̀ àwọn àyípadà
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.