Mobile product and banner links intermittently fail on a Kalles Theme site; desktop works fine.
One check on a Samsung Galaxy device reported links working, suggesting device-specific behavior. The original poster’s device details are requested to replicate the issue.
On the collection page, product images are clickable but product titles are not. A console error appears: “Unable to preventDefault inside passive event listener due to target being treated as passive.”
Likely causes:
Conflicting or overlapping event listeners on/over the product title in a theme/app-built section.
Possible interference from an app (log observed from a “pushdaddy” asset), or incomplete code.
Suggested actions:
Wrap the entire product card (image + title) with a single anchor tag (a link element) to ensure the whole card is clickable.
Audit theme/app builder code around the product title to remove problematic passive event listeners (a passive listener cannot call preventDefault).
Provide device/OS/browser details to narrow down replication.
Contact the Kalles theme provider/author for support.
Status: No resolution yet; investigation and code adjustments recommended; thread remains open.
Pls I have this problem with my shopify website. I’m using Kalles Theme and the site works pretty much well on desktop but upon checking on my phone, I noticed that some items links are not clicking very well (and sometimes not at all). Especially the product links and some banners.
Pls what can I do? Is there anyone who has experienced such problem and was able to fix it? I would really appreciate any help to get this resolved as quickly as possible. This is the website www.shadesofglitz.com
Looks like you’re using some theme builder or app on your site to build some of the templates with. I looked on your collection page and saw on mobile that the product image works on click but the product title doesn’t. It could be because of something happening with an event listener on or over your product title. I’m seeing an error in the console “Unable to preventDefault inside passive event listener due to target being treated as passive”. Something in code that is running for that snippet or section on or around the product title. I might recommend wrapping the entire product card, the image and the product title section combined, with an anchor tag leading to the product page. I saw a wrapper element with class “t4s-product-wrapper” but I’m not sure if that will work for you because it appears to be a generated class by an app or theme builder. There may also be something going on with work in progress coming from pushdaddy, or perhaps that’s unrelated code that’s incomplete or simply not cleaned up after. I saw a log occurring from a pushdaddy asset on that collection page. I would check out those leads, try wrapping the entire product card component in an anchor, or get help from a developer who can do those things for you.