When using Firefox, the images I select in the builder shows fine in the Divi builder, but when I get to the frontend of WordPress to see the page, the before/after is not rendered.
The plugin seems to work fine with Chrome.
I also found these related bugs:
Further information
I have the same issue that was mentioned here a few months earlier… The plug-in is working great on Chrome, but is not working on Safari.?Any advice?
]]>Hello team,
I’ve had a problem recently with this plugin on this website. I’ve put two examples here: https://sezam.es/project/vivienda-llacuna/
below the page.
The before and after images are expanded once I’m saving and exiting the Divi Builder. If I try to deactivate the “Force fullwidth” option, the images look like the first example.
I’ve tried to uninstall and install the plugin again. Also I tried to install the WP version before 6.3.1.
The thing is it’s not working just on this website because I’ve tried the plugin on another sites and it works as always… Example here: https://3capital.mariona.barcelona/pruebas/
Could you help me with this please?
Thank you!
]]>The plug-in worked great on Chrome, but is not working on Safari. I’ve started debugging – it looks like the the twentytwenty-wrapper div is not present in Safari, while it is present in Chrome. The div class directly wrapping the images (twentytwenty-container) has a height specification in Chrome and not in Safari. This is when logged in to WordPress.
If anyone sees this and has ideas/suggestions/fixes, they are welcome. I will debug more in the coming days and post more info (and maybe solutions) here as I find them.
]]>A client has contacted me about her Before & After slider not working, she had had an email saying that it couldn’t update the plugin.
When I went into the backend to check what was happenign I could not find the plugin under the installed list. When I tried to reinstall it a message popped up to say that that folder already existed… but I cannot find it anywhere. Any suggestions on how to resolve this, other than going back to a previous backup.
Hello. I see you’ve not updated this plugin in some time. Wondering if you plan on making some updates soon. Namely, your Before and After plugin does not seem to be working. It’s loading all the images on the page at once. I welcome any suggestions.
]]>Please update this plugin.
Since update to 5.6 plugin is no longer showing on mobile!
]]>Hi, today after updating to wordpress 5.6 all before-after images dissapears. Now I have a few errors in console and page loads very slowly.
Thanks
Hi Aaron,
This plugin doesn’t seem to work for vertical images being centered.
Thank you,
Deb
]]>I LOVE this plugin, but my whole site and pics load and the area I used this is still blank for a really really long time, I’m using SG Optimizer plugin (Siteground), I tried lazy load and I tried skipping those with lazy load, not sure what else I can do to make it work. thanks!!
]]>Hello,
The before/after is working well on desktop, but doesnt show at all on safari mobile.
Hi all, Getting an typeError in the frontend-bundle.min.js – please check out https://duplessisorthodontics.com/what-we-do/ and see what I can fix here.
Thanks!
]]>This plugin appears to be broken as other posters have pointed out the past few weeks. The before + after slider appears on the backend and appears inside of the visual editor, but fails to post to the page.
Plugin developer said in another post it was a plugin conflict with a different plugin, but we are not using that one. We are using the Divi Theme running on a server with PHP 7.2 + PHPFPM and the latest WordPress stable (currently v5.4.2). Here’s our WP Plugin stack for anyone else troubleshooting this.
– AP Mega Menu
– Classic Editor
– Contact Form 7
– Divi Booster (tested active and deactivated)
– Easy Sidebar Menu Widget (tested active and deactivated)
– Easy WP SMTP (tested active and deactivated)
– Imagify (tested active and deactivated)
– jBreadcrumb (tested active and deactivated)
– Limit Login Attempts (tested active and deactivated)
– Really Simple SSL (tested active and deactivated)
– Simple History
– Surbma Divi Extras (tested active and deactivated)
– Updraftplus
– WP Rocket (tested active and deactivated)
– Yoast Duplicate Post
– Yoast (tested active and deactivated)
If you find a fix soon please let me know as the plugin looks nice and would like to use it on the site.
]]>Hi Aaron, first of all great plug-in.
In my new project I’m in need of a dynamically generated before/after slider, since I use divi your plug-in was very welcoming but since it doesn’t support dynamic links I cannot work with it.
Is there a way I can use the dynamic content generated from ACF in your plug-in?
If not, in case you still updating the plug-in. I hope you consider adding dynamic content opportunity.
It is sad that elementor users can do this and with Divi builder we cannot…
link to video
Regards
]]>Hi! First I want to thank you for this excellent plugin!
My issue: I installed and used the plugin through Divi. It was working fine.
Suddenly it stopped working in the preview page (site is under construction) where it was working with no problems at all.
It is visible, but is “pasted“. Slider doesn′t do anything, like if it was a screenshot or a static image.
As you can see I am new to WP, Divi and all of this.
What am I doing wrong?
Tried so far: Uninstalled in Plugin Manager Page, in hosting server, re installed WP, deactivated and activated, etc.
Thanks in advance!!!!
We’re using Autoptimize with the lazy load setting, but the before/after images have
data-no-lazy="1" data-skip-lazy="1" which prevents them from obeying my lazy load settings. Is there a way to turn that off? Or is there way to defer loading them?
Hi Aaron,
I’ve read through similar posts to find a solution but I haven’t been able to. The issue I have is the slider is perfectly visible on divi’s builder, but not visible on the front end.
Once published, and I click on the page with the slider, I notice that the admin bar disappears. It only does this on the page with the slider. Also, it seems like the before&after module makes the page go blank. If the page doesn’t have the before&after module, then content will show.
Solutions I’ve tried are:
– select size under attributes
– disabled all plugins other than divi and the slider
– tested with version 1.3.2, 1.3.3, and 1.3.4
– empty cache and hard reload
I am going to use an alternative for now, but much prefer your plugin. Because of that, I created a page under your last name so I can create a new one for the site while this is being reviewed.
Thank you for the free plugin!
]]>WordPress version: 5.4.2
PHP version: 7.3 + PHPFPM
Plugin version: 1.3.5
Divi: 3.0.40
The plugin doesn’t appear as a module anywhere. Typing this I realize the client’s version of Divi is dated and that could be the issue, but wanted to post here to let you know.
The site is using WP Rocket for caching, but even with this deactivated the module did not appear.
]]>Hi,
My site shows the module on the builder and I have looked at all other posts and tried those solutions (image size (I’ve set to full), lazy loading plugins, deactivating those with known conflicts like Jet Pack etc) but none of them have worked. My post is a draft and is scheduled to release alongside a youtube video and I can’t publish it earlier than that time (Sunday, 8am in this case).
I have tried all I can but it isn’t showing on the preview at all. Google console says this:
Uncaught TypeError: Cannot read property 'offsetWidth' of undefined
at HTMLDivElement.<anonymous> (frontend-bundle.min.js:1)
at Function.each (jquery.js:2)
at a.fn.init.each (jquery.js:2)
at frontend-bundle.min.js:1
at dispatch (jquery.js:3)
at r.handle (jquery.js:3)Thank you if you can help
]]>Hello! I wrote yesterday-
“We have an error when your plugin has a Divi Builder: when the plugin is turned on, the visual editor does not load, and the web console displays an error in the screenshot in the attachment.
We checked the work in the latest versions browsers: Google Chrome, Safari and Mozilla.
Please help fix the problem.”
Today you updated the plugin, I thought that now everything is fine. But, unfortunately, the problem remains. Link to print screen.
https://1drv.ms/u/s!Aj-4NGPpNmgPg894tvH2DWhAnSyWZA?e=gac1kS
Now it is not possible to enter the Visual Editor Divi Builder.
Please help me fix this. Regards, Vladimir
Hello!
We have an error when your plugin has a Divi Builder: when the plugin is turned on, the visual editor does not load, and the web console displays an error in the screenshot in the attachment.
We checked the work in the latest versions browsers: Google Chrome, Safari and Mozilla.
Please help fix the problem.
https://1drv.ms/u/s!Aj-4NGPpNmgPg89FWy48aigoHGVRHQ?e=tmcZlO
Regards,
Hello sir,
Since the update of your plugin, the images are no longer visible outside the divi builder module.
I tried to select a size but does not work.
What is the solution? A next update?
Best regards,
Jordan
]]>Hi, When I insert Before + After Images module into a page.
I can see it when I Enable Visual Builder but it disappears when I exit the Visual Builder.
Module visible when in Visual Builder
Module missing when not in Visual Builder mode
Having a look in the Javascript console (I’m using Google Chrome on Windows) I see an error message
Uncaught TypeError: Cannot read property 'offsetWidth' of undefined
at HTMLDivElement.<anonymous> (frontend-bundle.min.js?ver=1.3.2:1)Which traces to this line in frontend-bundle.min.js
var s = i[0].offsetWidth <= r[0].offsetWidth ? i[0].offsetWidth : r[0].offsetWidth;
Wordpress: 5.4.1
Divi: 4.4.6 with Divi-Child (have tried running just straight Divi with no change)
not running jetpack
]]>Hi, When I insert Before + After Images module into a page.
I can see it when I Enable Visual Builder but it disappears when I exit the Visual Builder.
Module visible when in Visual Builder
Module missing when not in Visual Builder mode
Having a look in the Javascript console (I’m using Google Chrome on Windows) I see an error message
Uncaught TypeError: Cannot read property 'offsetWidth' of undefined
at HTMLDivElement.<anonymous> (frontend-bundle.min.js?ver=1.3.2:1)Which traces to this line in frontend-bundle.min.js
var s = i[0].offsetWidth <= r[0].offsetWidth ? i[0].offsetWidth : r[0].offsetWidth;
Wordpress: 5.4.1
Divi: 4.4.6 using Divi-child Theme (I have disabled the child theme and ran it just with Divi no change)
I′d like to translate Your plug.
And a question:
Possible to automaticly glue the “Slider” on the mouse pointer when hovering over the Picture – without klicking on the “Slider”?
Hey, nice work on this. The plugin works well still.
I was wondering if you know of a method to get the transition to happen on scroll position like this React based one: https://hew.github.io/react-image-compare/ (under scroll-based).
]]>I’ve tried all lazy loading plugins but they all duplicate the twentytwenty-handle and twentytwenty-overlay elements 10x in each Before/After module but stacked on top of each other so it looks like the slider has a really dark drop shadow.
Has anyone else got this plugin to work with lazy loading?
]]>The module loads 150×150 thumbnails, not the fullsize images I upload.
How do I fix this?
]]>Using the module gives me the following PHP notices:
[07-Mar-2020 19:37:44 UTC] PHP Notice: Undefined offset: 1 in /home/public_html/wp-content/plugins/before-after-images-for-divi/includes/modules/BeforeAfterImage/BeforeAfterImage.php on line 281
[07-Mar-2020 19:37:44 UTC] PHP Notice: Undefined variable: size_height in /home/public_html/wp-content/plugins/before-after-images-for-divi/includes/modules/BeforeAfterImage/BeforeAfterImage.php on line 294
]]>Hi Aaron,
I just implemented the Before + After Image Plugin for my Divi Theme and it’s really a great one and works out pretty good. Thank you!
The only issue is the slider offset value. I put it on 80% and in the Visual Page Builder Backend it also shows up like that in preview, but in real Frontend it always displays as 50/50.
Is this a known problem and you have any idea how to fix it?
I you want to take a look at the website please send me a message for PW.
Thank for help,
Janos