search

pirco / social-society-dawn

Shopify's first source available reference theme, with Online Store 2.0 features and performance built-in.
Other
0 stars 0 forks source link

homepage hover effect Best Sellers #6

Closed pirco closed 2 weeks ago

pirco commented 3 weeks ago

Can you check why the 12” sparklers don’t have that effect?

I see the actual clip-path for the bag icon on line 424 in themes.liquid And line 425 in custom.css has the right definition

But hovering over the sparklers on the site doesn’t show an effect.

lastant commented 3 weeks ago

Ok, fixed

pirco commented 2 weeks ago

well, I must have hovered a hundred times but I think it really only works when you move your mouse very slowly. as much as I like the hover animation, it doesn't work reliably. can we try without animation? can you test to make sure it always works? if not, we might just have to nix the hover idea and display those shapes by default.

pirco commented 2 weeks ago

https://www.dropbox.com/scl/fi/od50qi6n2xbkhmgkr67yw/social_society_svg_clippath_hover_effect.mov?rlkey=l8ccmnjxf6aqgkic7vyun2dxj&dl=0

lastant commented 2 weeks ago

I think now it's fixed, also made it a bit faster.

pirco commented 2 weeks ago

this. is awesome!

pirco commented 13 hours ago

can you tell me again where to specify the SVG paths for the hover clip effect? you mentioned " The shape is determined by the collection the product belongs to. It's defined in custom.css " but I can't find it :-(

lastant commented 5 hours ago

It's in https://github.com/pirco/social-society-dawn/blob/main/snippets/card-product.liquid