Articles on: Products & Collections

Disable hover effect of showing secondary product image



In this article:

Things to take note
Steps on how to disable the hover effect

1. Things to take note



Above all code editing, you will need to re-edit the code again if you switch to a new theme template

We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

We have added an option for you to display image with original quality. Therefore, your store will be using the image with original size and format.

You can enabled it at Channels > Online Store > Customize > General



**2. Steps on how to disable hover effect**



Step 1 : Go to EasyStore Admin > Channels > Online Store > Edit source > snippets > product-grid-item.liquid

Step 2 : Search for secondary_image around line 70 - 80 and removed the highlight code



Step 3 : Save and you're done

Updated on: 23/09/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!