Save 20% Discount on Divi Theme – create amazing Websites now

Start today: Find the best Divi resources in one place    Shop now

Before After Slider Module for Divi

Details & Pricing


In this version, we have added an additional new module named “BA Switcher” which let your visitors switch between the images on hover, click or by clicking the labels/buttons of before/after. This is an alternative way to showcase your Before/After images. The main Module is still there and we have added an option to set the label position in that and also now you can adjust the height. Both these modules are bundled within the same plugin and the additional module comes at no additional cost. 🙂 


Showcase your before & after photos in an awesome unique way with this easy to use Divi module.

This Divi Module is fast and responsive, and it will adjust depending on your screen size. What’s more awesome is that it works blazing fast in mobile devices and becomes a touch and drag slider.

This Divi Module is perfect for showcasing:

  • Makeup or makeover before & after photos,
  • Before & after shots of landmarks and places,
  • Photography or design before & after screenshots,
  • Website before & after redesigns,
  • And much more.

Module’s Main Features:

  • Full Visual Builder Compatible
  • Easy to use
  • Lightweight
  • Horizontal & Vertical Orientation
  • Possible to change the Before / After Label Text
  • Add/customize Borders the same way you do with Divi Image Module
  • Responsive & Touch Enabled
  • Possible to adjust initial slider bar position
  • Move slider on Hover or Click anywhere option
  • Fully customize the sliding bar
  • Fully customize Before/After labels
  • Fully customize hover overlay, or even disable it completely.

It also works with Extra theme too as that uses Divi Builder as well.

FREE Bonus Divi Layout

A creative one page profile divi layout is added to the bundle now for existing & new customers. This layout also demonstrate how creatively we may use this module with in Divi’s Tab module. Have a look at demo here there is also detailed installation instructions on the documentation page.

Install Instructions:

Simply upload and install the plugin and then you should see a new module named “Accordion Image Gallery”. Add it via the visual builder or back-end builder and the options there are simple and self-explanatory.

Important – Add your License Key

When you purchase this product a License key will be generated and shown in your invoice & in your EMP account, please copy that and once the plugin is installed and activated go to Plugins > BA Slider License page and insert your License key and save it. This is really important step so you get future updates notification right in your WordPress dashboard and it can be updated directly from there.

If you like this, have a look at my other available freebies and products.

DiviHQ     Products by CakeWP


* v 3.0

NEW Module added: BA Switcher which lets your users switch the images on hover, click or using buttons rather than the slider.

* v 2.0

- Now Full Visual Builder Compatible.

* v 1.2

- NEW: Move the slider on hover option added.
- NEW: Move the slider on click option added.
- NEW: Option added to enable/disable Hover Overlay.
- NEW: Bunch of sliding bar styling options added.
- NEW: Bunch of sliding handle styling options added.
- NEW: Overlay styling options added.
- NEW: Before/After Label styling options added.
- Improvement: Refactored some code and improved the module output.
- Improvement: Reorganize Some Options.
- Fix: Auto Update functionality fixed.

* v 1.1
- New Option: Slider Initial Position.
- Added One Page Bonus Layout Pack
- Bug Fix: Fixed vertical slider issue in IOS devices and elsewhere.
- License file & Detailed Readme file added.
- Little bit code improvement.

* v1.0
- Initial Release

Please scroll down for the support form

This theme, layout or plugin is comprised of two parts.

1. The PHP code and integrated HTML are licensed under the General Public
License (GPL). You will find a copy of the GPL in the same directory as this
license file.

2. All other parts, including but not limited to the CSS code, images and design are
copyrighted by the vendor concerned and are NOT licensed under GPL.

This license allows the item to be used in projects for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own, in part, or as part of a larger project including that being part of a hosting offer. Distribution of source files is not permitted.


*Support is provided by vendors directly.

Please login to access the support form. you can do so here

Details & Pricing


Follow us on Instagram

Free Treats for Smart Divi Foxes 🦊

We give you free Divi Theme Layout Packs, cheat sheets, exclusive offers and much more. 100% free and no strings attached - promised!