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! 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…

As I mentioned, this function is already turned on.

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…

Could you please replace your code with code below after that send a preview link? {{ '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 == 'bl…

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

Store Design

EBOOST April 23, 2024, 8:52am 102

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.

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

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

Related topics