Product image swap not working properly

Technical Q&A
, , , ,

Topic summary

A theme update has broken the product image swap feature on mobile devices. Previously, touching a product card’s image would swap to the second image, functioning like a hover effect.

Current behavior:

  • Feature works only on homepage/landing page carousels
  • Fails on collection pages (e.g., “all jewelry” section)

Troubleshooting suggestions provided:

  • Check for jQuery/JavaScript conflicts
  • Test across different browsers and devices
  • Verify CSS implementation
  • Modify or add event listeners specifically for collection pages if functionality is homepage-only

The issue appears to be related to event handling that may not be properly initialized on collection pages after the theme update.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

The product image swap functionality which comes with my theme has stopped working as it used to after I updated the theme. When you are scrolling through the page on your phone and touch within the photo frame of a product card, it would swap to the second image. Almost like a hover effect on mobile. Now it only works on the landing page/home page carousels but when you navigate to a collection page, for instance “all jewelry” this effect stops working for some reason. Can someone help ?

Store name: https://loulouis.no

2

Hi,

Hope following will help

  • Check jQuery or JavaScript conflicts
  • Test in different browsers and devices
  • Check CSS
  • Modify or add event listeners for collection page if it is only working for homepage