Hover Effect on Mobile - Palo Alto Theme

Store Design

Topic summary

A user wants to implement hover effects on product images for the mobile version of their Shopify store using the Palo Alto theme. Currently, the desktop version displays a second product image on hover, but this functionality doesn’t work on mobile devices.

Specific Requirements:

  • Apply the effect across homepage, shop page, and collection pages
  • Display the second product image when users interact with products on mobile
  • Seeking theme-specific code solution for Palo Alto

Current Status:

  • Store URL provided: snkup.de
  • Another user offered to help and requested screenshots
  • Discussion remains open with no solution provided yet
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hey, I would like the images to change in the mobile version as well. I have seen some codes to solve this problem, but only for other themes so far. Therefore the question if anyone has a solution for the Palo Alto theme. Thank you very much. Greetings Tim

1 Like
2

hey @Timtamm share the URl of your website and share the screen short of that page that you want to change

3

https://snkup.de

Theoretically every product image, starting from the homepage, the shop page, the collection page. The 2nd product image should always be displayed when hovering on mobile, as is the case with the desktop version.

4

Hey @Mustafa_Ali , Do you have any ideas?
I didn’t want to exaggerate with my request, I just answered honestly what I was looking for. Greetings Tim