Okay
  Public Ticket #3803660
Bug on icons on image gallery of a product
Open

Comments

  •  1
    Ruben started the conversation

    Hi there, 

    I recently migrated my wordpress site with the Salient theme to digital ocean and since then the icon buttons on the woocommerce single product photoswipe view all show the same expand icon. When inspecting the icons, I found that it loads the photoswipe.css file from a mysterious node_modules folder that goes by the name of ".". Does anyone know what's going on here?

    Any help much appreciated, it's been driving me nuts.

    Attached files:  Screen Shot 2025-01-19 at 2.10.02 pm.png

  •  1,947
    Judith replied

    Hello Ruben,

    Thanks for writing to us.

    To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials 

    (dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us? 

    If you prefer, you can safely share the access through an access plugin such as Controlled Admin Access.

    Before you provide this information, we strongly recommend taking a backup of your site.

    If you have any concerns or questions about this process, please don't hesitate to let me know.

    Best regards,

  •   Ruben replied privately
  •  8,996
    Tahir replied

    Hey Again,

    Could be a new issue.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .pswp--fs .pswp__button--close {
        background-position: 0 -44px !important;
    }
    
    .pswp__button--zoom {
        background-position: -88px 0 !important;
    }
    
    .pswp--zoomed-in .pswp__button--zoom {
        background-position: -132px 0 !important;
    }
    
    .pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
        width: 44px !important;
        height: 44px !important;
    }
    

    Thanks


    ThemeNectar Support Team 

  •  1,947
    Judith replied

    Hello Ruben,

    Thanks for writing back.

    I switched to the Storefront theme and I see the issue persists. This means this is not an isolated issue on Salient.

    I would suggest you check for plugin conflict by deactivating the third-party plugins then reactivate it back one by one to see the one causes issues.

    Please give it a try and let us know how this goes.

    Best Regards.

  •  1
    Ruben replied

    Hi Judith and Tahir,

    I did disable all plugins and then turned them on one by one to see which one is causing the problem and you are right, it is the "Meow Gallery (Pro)" plugin that is causing the issue. I will reach out to their developers.

    Tahir, thank you for that CSS code. Only, it only fixed the zoom button for me and not the close button.

    Cheers!