Before After Slider Module for Divi

Another excellent product by CakeWP

Changelog

* v1.0
– Initial Release

* 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.

* 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.

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:

  • 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:

Please visit documentation page here.

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

Licensing

You may install this product on any number of websites that you build for yourself or your clients. You will receive 6 months support – premium support charges may be incurred after this period. Updates are for the life of the product.

Please be aware that you will need an amount of experience in  Divi Theme and WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. Refunds are completely at our discretion.

Credits:

This product uses two Opensource JS libraries and all the credits and license informations are mentioned in the file LICENSE.md in the plugin folder.

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

Licensing

You may install this product on any number of websites that you build for yourself or your clients. You will receive 6 months support – premium support charges may be incurred after this period. Updates are for the life of the product.

Please be aware that you will need an amount of experience in  Divi Theme and WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. Refunds are completely at our discretion.

Credits:

This product uses two Opensource JS libraries and all the credits and license informations are mentioned in the file LICENSE.md in the plugin folder.

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:

  • 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:

Please visit documentation page here.

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

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

You may also like these items

22 Comments

  1. Michael Walch

    Hi Munir,
    my “key activate” does not work with the beaslider plugin. any ideas on that?

    kind greetings,
    Michael

  2. EmberInteractive

    Id like to use this module in an Full Width Section instead of a Standard Section. How can I achieve this?

  3. Nelson

    Hi,
    I absolutely love what I’m seeing with this plugin, but I have a pre-sales question. Is it possible to use GIFs as the images? or perhaps videos?

    Thank you!

  4. William Lee

    This is a great slider except for one issue I’m having. The slider causes issues with Divi’s visual builder. Background images in other parts of the page are messed up when the plugin is activated, even if it’s not being used. Any way to fix those issues?

    • William Lee

      Also, forgot to mention, this plugin doesn’t show up in the visual builder when trying to add a new module. It can only be used in the backend builder.

  5. Jeff White

    Hello,
    Is it possible to add multiple pictures to this slider? Like a slider in a slider I guess. I refinish floors and I would like to add 10 or 11 before and after photos in the same place on my site. I don’t have enough room to display the individually. I love the way my clients can see the before and after of each floor in one picture. Please let me know if this is possible. I have searched everywhere for your product if I can stack pictures in one place.

    Thanks
    Jeff

    • CakeWP

      Hi Jeff,

      That is unfortunately not an option in this plugin, this might work if you add this to a slider plugin but i may not confirm you if that will work 100% within a slider module. Sorry about that.

      Thanks,
      Munir

  6. Fulvio

    Hi,

    As soon I install this plugin on a multisite I receive this alert message from wp

    Notice: wp_register_script was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or login_enqueue_scripts hooks. Please see Debugging in WordPress for more information. (This message was added in version 3.3.0.) in /home/xxx/public_html/wp-includes/functions.php on line 4137

    What can I do to solve that?
    It’s quiet urgent, thanks

    • CakeWP

      Hi,

      That is strange warning, i have personally using it on a multisite the demo site is a multisite as well. May i please request you to get in contact via the contact form here ( http://cakewp.com/contact-us/ ) and i will be bale to debug the issue for you.

      Regards,
      Munir

  7. Stavros Zakkas

    The plugin works like a charm! I had bookmarked 2 other similar plugins from envato, as I could never imagine that someone would ever put his hands in such a specific feature for Divi.
    Kudos Munir.
    I have some queries regarding the background color of the before/next labels. How could I get support?

    Thank you

    • CakeWP

      Hi Stavros,

      Thanks for the feedback and please reach via the form on my website for support i will be here to help you out with that.
      http://cakewp.com/contact-us/

      Cheers,
      Munir

  8. Maciej Ciesielski

    Hi CakeWP,

    When I install plugin on WP 4.6.x it works perfectly, but on 4.7.x sider does not work. When do you plan to update it?

    • Andrew Palmer

      I have informed the developer of this issue. Thanks and it will be updated very soon. I have it installed on a number of site under 4.7 and it works fine. Can you check your php version as well please as we recommend at least 5.5.

  9. Christian

    I’m wondering if it’s possible to use this module as some sort of gallery or thumbnail slider? If not, this could be a nice addition in for example projects of architect, interior designers.

    • CakeWP

      Hi Christian,

      No it’s not possible currently. Thanks for the idea i will think about the possibilities.

      Cheers,
      Munir

  10. Picteos

    Hi, is it possible to edit this custom module with the front visual builder ?

    • Andrew Palmer

      currently no. We are waiting for the developers edition of Divi so our vendors can apply this aspect too. 🙂

  11. Deana

    Really useful plugin, I can show my feature clients how important is my service around pictures. Many thanks!

    • CakeWP

      I am glad you liked it. And sit tight as i am working on a one page Projects layout pack which utilize this module to display the projects / portfolio nicely 🙂 It will be available in a couple of days and will be a bonus freebie.

Submit a Comment

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

External links on this website may be affiliate links that could result in us receiving compensation (payment) when you purchase a product or service from that link. For example, we may receive pay per click revenue or commission on sales of products. This helps us to pay the bills and deliver great content for you to enjoy when you are browsing these web pages. You do not pay any extra fees for these items. Please be aware that you will need an amount of experience in WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. We do not offer refunds under any circumstances. If you feel that there is an issue with a product please get in touch with the developer of the product through their contact details which can be found within the plugins Dashboard, themes and documents we sell on their behalf. Rudeness to our developers or support staff will not be tolerated and support may be refused. By purchasing a product from The Elegant Marketplace you are agreeing to these terms. We do not offer custom support queries, although suggestions will be accepted and acted upon if possible. We do hold data that allows us to connect with you for product updates when you purchase a product. This is not an email marketing list. Should you wish to sign up to our marketing list, please visit our homepage where you will see an optin - we send out around two emails a week to keep you informed of product updates, WordPress News and Developer advice. You may opt out of our marketing communications at anytime by using the unsubscribe facility found at the bottom of each email. (Amended. February 6th 2018)

Get the latest news!

Join our mailing list to receive the latest news and updates from our team.

Thanks, we appreciate your support

Pin It on Pinterest