How to deactivate the hover effect on product teasers?

[rlpenluft]

How can I deactivate the function that switches images, when I scroll over a product teaser?

We are using the Refresh Theme:

https://alpenluft.org/products/fernbedienung-fur-rauch-hitzemelder-funkvernetzt

[AHAY · Accepted solution]

I understand you meant when you "hover over" a product card. If so, it's easy.

1. In Shopify Admin >  Online store > Themes admin page, click on 'Customize'

2. Click on any product card in your shop as shown in the theme edit and then you should see its settings on the right side pane of your window.

3. Under 'Product card' look for 'Show second image on hover' and deselect it.

4. Save and test.

[AHAY · Accepted solution]

I understand you meant when you "hover over" a product card. If so, it's easy.

1. In Shopify Admin >  Online store > Themes admin page, click on 'Customize'

2. Click on any product card in your shop as shown in the theme edit and then you should see its settings on the right side pane of your window.

3. Under 'Product card' look for 'Show second image on hover' and deselect it.

4. Save and test.

[rlpenluft]

Thank you very much for your feedback.

In Collections it is already disabled:
https://alpenluft.org/collections/alle

However, I'm talking about the product teaser for "similar products".

Please scroll to the bottom of this page to see the teaser i was refering to:

https://alpenluft.org/products/fernbedienung-fur-rauch-hitzemelder-funkvernetzt

[Elias · Accepted solution]

Hey, @rlpenluft.

Thank you for posting this question!

You can disable the Show second image on hover function by editing the the Related products section, which is located on the Products page in the Theme editor. Here's a screenshot to help you with navigating the Theme editor. 

If you have any other questions on this topic, then don't hesitate to let us know!

[AHAY]

Thank you for accepting my answer. I was writing you the below further details so I'll keep them just in case anyone needed them later.

Like I said before just open/customize your theme > select the template (top menu) Products > Default product (or just from the homepage click on any product to reach any product page) and then scroll down to the `Related products` section and click on any card so you get the `Related products` section settings on the right panel in your browser window. Under 'Product card' look for 'Show second image on hover' and deselect it. Save and test.

I see Elias kindly repeated the same answer but with screenshot which can be more helpful to some.