Okay
  Public Ticket #2626572
Problem with swipebox overlay
Open

Comments

  •  1
    Kasia started the conversation

    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. 

    Attached files:  problem.PNG
      problem 2.PNG

  •  1
    Jose replied

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

  •  4
    ela replied

    same problem...we hope will have an answer with a fix very soon

  •  1
    Sikora replied

    Same problem...

  • celtivero replied

    The same for me. I bought the theme 3 hours before.

    Attached files:  problema-theme.png

  •  4
    ela replied

    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)

  • laercio replied

    thank you, 

    you saved my life.

  •  1,724
    Kevin replied

    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

    Best regards !

    Kevin, ThemeFTC technical expert.

  •  1
    james lin replied

    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.

  •  2
    Marcelo Czerewacz Del Rio replied

    Thanks Kevin! Solved

  •  1
    Jose replied

    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? 

  •  1,724
    Kevin replied

    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

    Best regards !

    Kevin, ThemeFTC technical expert.

  •  1
    Jose replied

    Thanks kevin. At first didn't work but after one hour, elementor starts to work fine. 

  •  1,724
    Kevin replied

    Hi Jose

    thanks, Glad to help you

    Best regards !

    Kevin, ThemeFTC technical expert.

  • Willem V replied

    Neither of these solutions seem to work. I have removed the jquery and changed the jquery files but nothing. The swipebox is still there.

  •  1,724
    Kevin replied

    Hi Willem V  !

    Please delete all the js I provided and delete the Cache to check again

    thanks

    Best regards !

    Kevin, ThemeFTC technical expert.

  • Fallet replied

    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 ?

  •  1,724
    Kevin replied

    Hi Fallet 

    Please create your own ticket, and provide the site name, wp-admin access, we will check it in detail

    thanks

    Best regards !

    Kevin, ThemeFTC technical expert.

  •  1
    Kasia replied

    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. 

  •  1,724
    Kevin replied

    Hi Kasia

    I have updated it on my site, please clear the Cache and check again

    thanks

    Best regards !

    Kevin, ThemeFTC technical expert.

  •  1
    Kasia replied

    Ok, thank You :) 

  •  1,724
    Kevin replied

    Hi Kasia

    thanks, have a good day

    Best regards !

    Kevin, ThemeFTC technical expert.

  •  2
    Fouz replied

    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

  •  2
    Fouz replied

    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

  •  1,724
    Kevin replied

    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

    Best regards !

    Kevin, ThemeFTC technical expert.

  •  2
    Fouz replied

    thanks but just tell me how to do and i will do it . what js must i delete? thanks



  •  1,724
    Kevin replied

    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


    Best regards !

    Kevin, ThemeFTC technical expert.