d
Topic
Posts:
2
5 days ago

failing to add a hover effect

Hello, I am following this tutorial here: 

https://help.shopify.com/themes/customization/collections/add-hover-effect-to-product-images

I think I did everything correct but the hover effect does not appear. I use the free theme called "Supply" which should be supported.

I added the style into the "theme.scss.liquid" and this is my code in the "product-grid-item.liquid"

<noscript>
           <div class="reveal"> 
             <img src="{{ product.featured_image | img_url: '580x' }}"
               srcset="{{ product.featured_image | img_url: '580x' }} 1x, {{ product.featured_image | img_url: '580x', scale: 2 }} 2x"
               alt="{{ product.featured_image.alt }}" style="opacity:1;"><!-- this is your original image tag -->
             <img class="hidden" src="{{ product.images.last | img_url: 'large' }}" alt="{{ product.images.last.alt | escape }}" />
           </div>
</noscript>

 

I hope someone can help me out here : thanks alot

i
Replies
Posts:
2
4 days ago

push