Hi! I want the product cards to show their second image on hover, I have checked the option and it works on desktop, but it doesn’t work on mobile… I need it to work on mobile too. Any help please? Here’s the store https://agori-jewellery.com/ I’m using Dawn 7.0.1

Hi @agori May I suggest to update code these steps: Go to Store Online-> theme → edit code Assets/component-card.css Add code below to bottom of file .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) { opacity: 0; } .card-wrapper:hover .media.media--hover-effect>…

Hello, I have tried most of the codes you have suggested in all the threads and nothing has worked for the theme I am trying to edit. I am using Palo Alto for a website and I would like to have the product photos on mobile to change to the second photo hover throughout the homepage and all other pa…

Hello! Thank you for the support! I use Impulse too, and this worked great in regular collectio view, but in the homepage I have a “featured collection” but displayed as carrousell, I selected the “enable swipe on mobile” option in the theme. Can you help me too? [image] Laura C Jewelry | …

Hey EBOOST, I’m having issue with “second picture over hover” setting in my website. I’m using Dawn 12 version. This hover option is turned on in both Collection Grid and Product grid blocks (Desktop). Collection Grid is working perfectly. Product Grid not working. Is it possible to fix it? + e…

Hi @Ted69 , You try to go to Go to Store Online-> theme → Customize → collection → check whether this option has been turn on. [EBOOST_0-1713838691922.png]

Hi @tamziswimwear , May I suggest to update code these steps: Go to Store Online-> theme → edit code [EBOOST_1-1672356985580.png] Assets/base.css Add code below to end of file body .card-wrapper:hover .media.media--hover-effect>img+img { opacity: 1; transition: transform var(--durati…

Hi, Could you please share your code? We need to check your code to find a solution for it. Maybe your code has been customized.

Could you please share code of sections/main-collection-product-grid.liquid?

{{ 'template-collection.css' | asset_url | stylesheet_tag }} {{ 'component-card.css' | asset_url | stylesheet_tag }} {{ 'component-price.css' | asset_url | stylesheet_tag }} {% if section.settings.image_shape == 'blob' %} {{ 'mask-blobs.css' | asset_url | stylesheet_tag }} {%- endif -%} {%- if s…

How can I enable second image hover on mobile product cards?

Store Design

Ted69 April 23, 2024, 8:07am 101

As I mentioned, this function is already turned on.

Topic		Replies	Views
Show second image on hover ( DAWN Theme ) Store Design	16	210	June 23, 2023
Reveal second image on hover - Debut theme Store Design	134	1546	November 9, 2023
Product card second image on hover/touch for mobile Store Design design	2	55	January 18, 2025
Collection - Add a hover effect to product images on your collection pages Store Design	87	1723	February 27, 2024
Image on hover on product card not be second image Store Design design , customizations , css , shopify-themes , troubleshooting	22	242	July 29, 2025

How can I enable second image hover on mobile product cards?

Related topics