Switching product image to first gallery image on hover

  • Resolved Paal Joachim Romdahl

    (@paaljoachim)


    6 months, 1 week ago

    Hi

    I have been trying multiple code snippets and lately been using chatGPT, but I have not yet been able to switch single and archive product image on hover to first gallery image.
    As it would be great with a working code snippet to have the effect on hovering to another image.

    I am using Full Site Editing with Twenty Twenty Four. The new product editor in the latest version of WooCommerce. I have been exploring this for an update of a WooCommerce site I am building and this is a nice feature to have included.

    Thank you!
    When I get this working I plan to create a tutorial for it here:
    https://easywebdesigntutorials.com/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Paal Joachim Romdahl

    (@paaljoachim)

    6 months, 1 week ago

    I spent a lot of time in ChatGPT. Mentioned using FSE, Twenty Twenty Four theme and the new product editor in WooCommerce. I also shared some of the code elements used.

    I added a tutorial for it here:

    https://easywebdesigntutorials.com/on-hover-switch-woocommerce-product-image-to-first-gallery-image/

    Zee

    (@doublezed2)

    6 months, 1 week ago

    Hello Paal Joachim Romdahl,

    Thank you for contacting WooCommerce support.

    I understand you’ve spent a lot of time working on switching the WooCommerce product image to the first gallery image on hover, and I’m glad to hear you were able to achieve this using custom code.

    Thank you for sharing your tutorial link. This contribution will definitely help other users looking to implement a similar feature, especially when using Full Site Editing with the Twenty Twenty-Four theme.

    Have a great day!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Switching product image to first gallery image on hover’ is closed to new replies.