• Resolved vivanred

    (@vivanred)


    HI .

    I need help to disable woocommerce-product-gallery class image switching .

    I’m looking for way to disable image switching after clicking on attributes.

    I’m changed product-image.php template to overlay image product by attributes image to image attributes used as frame for product images its working but when I get ride of this class :

    class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images lightbox-support zoom-support no-thumbnails" data-columns="4" style="opacity: 1; transition: opacity 0.25s ease-in-out 0s;"

    my template is become broken as far as I’m understand woocommerce-product-gallery is class cussing switching but I don’t know how to disable it without creating the hole page css again to my need .

    • This topic was modified 4 years, 3 months ago by vivanred.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi there! Can you post a screenshot of what you’re talking about? I’m having difficulty visualizing it. A link to the page that is having the issue would be helpful as well. Thanks!

    Thread Starter vivanred

    (@vivanred)

    I’m working offline .

    you can see this images removing class woocommerce-product-gallery from product-image.php :
    https://ibb.co/5kFZBSf
    https://ibb.co/jMMmc9h

    what I’m achieved with elementor pro with removing that class from product-image.php as test on my other project:
    https://ibb.co/w7V7bhp
    https://ibb.co/d4TPL3G

    my customer doesn’t wants to pay for elementor pro without this woocommerce-product-gallery class form product-image.php the template broken and with that with selecting attributes like s in this https://ibb.co/w7V7bhp image switch to attributes image and product image will be removed at background of the frame.

    I need to disable image attributes switching to achieve this without brake the main template or using elementor pro for creating new template.

    because I don’t need image switching in this project at all with that class something like this happens because I changed the main code I can’t take picture of the first results but it was something like these two images :
    https://ibb.co/891kXCX
    https://ibb.co/0hqptqZ

    • This reply was modified 4 years, 3 months ago by vivanred.

    Hi @vivanred, thanks for the screenshots, that clarifies things greatly.

    To summarize, then, what it sounds like is going on is that you are selling paintings or pictures, and you’re giving the option for customers to buy them with a frame. You want to give them an idea of what this will look like, so you’re trying to super-impose the picture frame image over the painting image to simulate what the painting will look like in a given frame.

    You’ve found a way to overlay the images, but it is not working properly. The frame is too small and just appears in the corner of the painting instead of surrounding it.

    Is this an accurate summary of the issue?

    If so, I’m not sure what the next steps would be here. My guess is that there is some sort of PHP or JS code connected to the product images that switches them when you select a different attribute. Rather than removing the CSS class, I would look for the code that is switching out the product images and see if you can modify that via a hook or similar instead.

    Thread Starter vivanred

    (@vivanred)

    hi @apmwebdev thanks man.

    that would be nice.

    thanks for your help

    You’re welcome! I’ll leave this thread open for a bit longer in case you have any further questions or anyone comes in with more specific advice about how to accomplish this.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘woocommerce disable product gallery class image switching’ is closed to new replies.