After updating wordpress to the latest version we have a problem on the woocommerce store - there is a black overlay that cannot be closed. The code preview shows that this is a problem with swipebox.
Except for the wordpress update, nothing was done in the store.
We have made a backup on the server, but I'm uploading photos. Please let me know when the wordpress update is safe.
A quick fix from me (until they will update the theme and will fix the problem): 1. go to the folder wp-includes/js/jquery and rename the files: - jquery-migrate.js to jquery-migrate.js.old - jquery-migrate.min.js to jquery-migrate.min.js.old - jquery.js to jquery.js.old - jquery.min.js to jquery.min.js.old 2. download the following files: - https://code.jquery.com/jquery-migrate-1.4.1.js ... after download rename the file to jquery-migrate.js - https://code.jquery.com/jquery-migrate-1.4.1.min.js ... after download rename the file to jquery-migrate.min.js - https://code.jquery.com/jquery-1.12.4.js ... after download rename the file to jquery.js - https://code.jquery.com/jquery-1.12.4.min.js ... after download rename the file to jquery.min.js 3. upload the files download and renamed (see point 2) to the folder wp-includes/js/jquery 4. refresh the site (CTRL+F5 / clear cache if you have a plugins for cache installed)
This is a problem with the WP 5.6 update using lightbox with swipebox, to fix this problem go to Appearance-> Editor / assets / js / customjs (or global.js) and search for js then delete them
$( '.swipebox' ).swipebox( {
useCSS : true, // false will force the use of jQuery for animations
useSVG : true, // false to force the use of png for buttons
initialIndexOnArray : 0, // which image index to init when a array is passed
hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices
removeBarsOnMobile : true, // false will show top bar on mobile devices
hideBarsDelay : 3000, // delay before hiding bars on desktop
videoMaxWidth : 1140, // videos max width
beforeOpen: function() {}, // called before opening
afterOpen: null, // called after opening
afterClose: function() {}, // called after closing
loopAtEnd: false // true will return to the first image after the last image is reached
} );
Your problem will be solved
#We will continue to optimize the issues for things to work correctly, themes will be updated to fix this issue,
i got same problem until using ela's tips early this morning. but it create another problem with the plugin called "All Export" by Soflyy.
so i replace ela's tips with your solution. then my All Export is back to function, however, the dark screen problem (a black overlay) came back again after a while. and i can't help to return with ela's tips. wondering if you have another idea for me, please and thanks.
I made all you said and the web works but i tried to build a new page using elementor and when i try to add an element, the black overlay appears again and i can't do anything.
Is there any solution for that? Or i have to wait the update theme?
This is a problem with the WP 5.6 update using lightbox with swipebox, to fix this problem go to Appearance-> Editor / assets / js / customjs (or global.js) and search for js then delete them
$( '.swipebox' ).swipebox( { useCSS : true, // false will force the use of jQuery for animations useSVG : true, // false to force the use of png for buttons initialIndexOnArray : 0, // which image index to init when a array is passed hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices removeBarsOnMobile : true, // false will show top bar on mobile devices hideBarsDelay : 3000, // delay before hiding bars on desktop videoMaxWidth : 1140, // videos max width beforeOpen: function() {}, // called before opening afterOpen: null, // called after opening afterClose: function() {}, // called after closing loopAtEnd: false // true will return to the first image after the last image is reached } );
Hi, I've the same problem. "Kevin" help me but even if I deleted the Cache, Cookies ... some computers and browsers it still does not work! Especially on Google Chrome. Do you have this problem? How to do ?
After updating wordpress to the latest version we have a problem on the woocommerce store - there is a black overlay that cannot be closed. The code preview shows that this is a problem with swipebox.
Except for the wordpress update, nothing was done in the store.
We have made a backup on the server, but I'm uploading photos. Please let me know when the wordpress update is safe.
Hi, Kasia. I have the same problem. F***ing wordpress update. I can't use the elementor builder to create a new page on my website :(
same problem...we hope will have an answer with a fix very soon
Same problem...
The same for me. I bought the theme 3 hours before.
A quick fix from me (until they will update the theme and will fix the problem):
1. go to the folder wp-includes/js/jquery and rename the files:
- jquery-migrate.js to jquery-migrate.js.old
- jquery-migrate.min.js to jquery-migrate.min.js.old
- jquery.js to jquery.js.old
- jquery.min.js to jquery.min.js.old
2. download the following files:
- https://code.jquery.com/jquery-migrate-1.4.1.js ... after download rename the file to jquery-migrate.js
- https://code.jquery.com/jquery-migrate-1.4.1.min.js ... after download rename the file to jquery-migrate.min.js
- https://code.jquery.com/jquery-1.12.4.js ... after download rename the file to jquery.js
- https://code.jquery.com/jquery-1.12.4.min.js ... after download rename the file to jquery.min.js
3. upload the files download and renamed (see point 2) to the folder wp-includes/js/jquery
4. refresh the site (CTRL+F5 / clear cache if you have a plugins for cache installed)
thank you,
you saved my life.
Hello customers who are having the same problem
This is a problem with the WP 5.6 update using lightbox with swipebox, to fix this problem go to Appearance-> Editor / assets / js / customjs (or global.js) and search for js then delete them
$( '.swipebox' ).swipebox( { useCSS : true, // false will force the use of jQuery for animations useSVG : true, // false to force the use of png for buttons initialIndexOnArray : 0, // which image index to init when a array is passed hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices removeBarsOnMobile : true, // false will show top bar on mobile devices hideBarsDelay : 3000, // delay before hiding bars on desktop videoMaxWidth : 1140, // videos max width beforeOpen: function() {}, // called before opening afterOpen: null, // called after opening afterClose: function() {}, // called after closing loopAtEnd: false // true will return to the first image after the last image is reached } );Your problem will be solved
#We will continue to optimize the issues for things to work correctly, themes will be updated to fix this issue,
Stay tuned for issues on our theme
https://themeforest.net/user/themeftc/portfolio
thanks
thanks Kvein,
i got same problem until using ela's tips early this morning. but it create another problem with the plugin called "All Export" by Soflyy.
so i replace ela's tips with your solution. then my All Export is back to function, however, the dark screen problem (a black overlay) came back again after a while. and i can't help to return with ela's tips. wondering if you have another idea for me, please and thanks.
Thanks Kevin! Solved
Hi! Thanks for your help, Kevin.
I made all you said and the web works but i tried to build a new page using elementor and when i try to add an element, the black overlay appears again and i can't do anything.
Is there any solution for that? Or i have to wait the update theme?
Hi Jose !
This is a problem with the WP 5.6 update using lightbox with swipebox, to fix this problem go to Appearance-> Editor / assets / js / customjs (or global.js) and search for js then delete them
$( '.swipebox' ).swipebox( { useCSS : true, // false will force the use of jQuery for animations useSVG : true, // false to force the use of png for buttons initialIndexOnArray : 0, // which image index to init when a array is passed hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices removeBarsOnMobile : true, // false will show top bar on mobile devices hideBarsDelay : 3000, // delay before hiding bars on desktop videoMaxWidth : 1140, // videos max width beforeOpen: function() {}, // called before opening afterOpen: null, // called after opening afterClose: function() {}, // called after closing loopAtEnd: false // true will return to the first image after the last image is reached } );Your problem will be solved
We are continuing to optimize the issue, all themes will be updated to fix the problem and related issues, please follow the above themes. https://themeforest.net/user/themeftc/portfolio
thanks
Thanks kevin. At first didn't work but after one hour, elementor starts to work fine.
Hi Jose
thanks, Glad to help you
Neither of these solutions seem to work. I have removed the jquery and changed the jquery files but nothing. The swipebox is still there.
Hi Willem V !
Please delete all the js I provided and delete the Cache to check again
thanks
Hi, I've the same problem. "Kevin" help me but even if I deleted the Cache, Cookies ... some computers and browsers it still does not work! Especially on Google Chrome. Do you have this problem? How to do ?
Hi Fallet
Please create your own ticket, and provide the site name, wp-admin access, we will check it in detail
thanks
I followed the instructions and it is OK.
But there is another problem.
When I click on the "Fullscreen" option on the photo, it takes me to the photo page and does not open the lightbox.
Hi Kasia
I have updated it on my site, please clear the Cache and check again
thanks
Ok, thank You :)
Hi Kasia
thanks, have a good day
Hello,
I have the same problem, i go to file that kevin told us but i don't understand what i must delete .
Can you show me on screenshot please.
Thanks
Hello,
I have the same problem, i go to file that kevin told us but i don't understand what i must delete .
Can you show me on screenshot please.
Thanks
Hi Fouz !
If you have a separate ticket and provide your site name as well as your wp-admin username, we will check the details and help you correct it.
thanks
thanks but just tell me how to do and i will do it . what js must i delete? thanks
Hi Fouz
Go to Appearance-> editor / assets / js / jquery.swipebox.js and assets / js / jquery.swipebox.min.js and update these 2 files according to the document below.
https://github.com/brutaldesign/swipebox/blob/master/src/js/jquery.swipebox.min.js
thanks