This project is not covered by Drupal’s security advisory policy.

This project is unsupported due to an issue the maintainer didn’t address. See #3112796: Mark Elfsight modules unsupported for details.

If you have already installed this project, you should uninstall it.

If you've already copypasted a script into your Drupal generated by this project, the script will continue to work after unistalling this project. However, such a script may ne abused as a back door to your website. Remove it if you do not trust its creator.

Before and After Slider by Elfsight will allow you showcase tempting promoting images for your website. Clients will be able to see at once all the changes that your products or services make. Just upload before and after photos and they will come out with a divider that users can move to watch the difference. You can publish unlimited sets of photos, each with its own caption. The sliding direction can be horizontal or vertical, and you can choose the most fitting picture ratio. Your customers will definitely make a purchase, when they capture the actual effectiveness of your products!

Benefits

Increase sales showing convincing product images
Demonstrate great results that your services or goods give to clients and inspire them to purchase

Prove every user that your offers are really working
Visualizing the real difference, you will prove high efficiency of your offers and lift their perceived value

Boost engagement and interaction level
Interactive and demonstrative content will maintain a high level of engagement on your site

Features

Demonstrate unlimited before and after photo sets
Simply upload two images depicting the change or the effect of your skills or offers, and our module will automatically shape a slider split by a divider. Users will like the possibility to interact and play around with the divider. You are free to demonstrate unlimited sets to start a brilliant product portfolio.

Choose the layout and set the right size
Trytwo ready-to-use layouts: Carousel and List. Make a carousel of image sets, with arrows to navigate or build all the pictures in one vertical line. Select the best module width and choose image ratio out of the available options.

Set the background and paint the interface
You can use the option to choose the color of the module background or upload personalized background image. To make interface match with your website colors, paint all the text elements yourself and vary the font size and weight, too.

This Drupal Before and After Slider module is provided by Elfsight Apps

This Before and After Slider Widget is provided by Elfsight Apps
Elfsight Apps is a cloud-based service offering apps to extend and expand your website functionality (for instance, Instagram Feed, YouTube Gallery, Social Icons and others).
This widget acts like a bridge between your site and Elfsight Apps Service, connecting them together. Then it takes the widget you’ve built at Elfsight Apps and shows it directly on your website.
In case you don’t have an Elfsight Apps account yet, you can set it up totally free, and it only takes you about a minute.

How to add Before and After Slider to Drupal website

  1. Obtain the module and embed it to the site

    On Before and After plugin page, find the document and download it. Open «Extend» tab of your administrator panel and add the module to your Drupal store.
  2. Shape your plugin

    In the list of the modules, select the new module and activate it. Now you can enter selected text content and personalize the appearance. Receive the installation code from the appeared window. Copy it.
  3. Add the module on your webpage

    In the «Content» tab, find the page you would like to embed the plugin to and insert the copied code there. Save the edits.
  4. You successfully performed the installation

    Visit your Drupal site, to view your module!

Support

As soon as you have any problems with the Before and After module or have questions, feel free to address our clients support. We are always delighted to help!

Free Installation Service

Our Support Team will be glad to help you with the embedding or implement the module for you. We will be looking forward to your requests at apps@elfsight.com, and we’ll be pleased to help!
Still haven’t tested our plugin live? Start right now on the Before and After Slider page!

Project information

Releases