hi, I want to have a shadow in my featured product only. like in the image. I set it in theme but my problem is the collection page also has a shadow. I only want the shadow on the homepage. can you please help me? Thank you andvance [Screen Shot 2023-11-08 at 8.13.54 AM.png]

The class is called .shape–round. However, there is an incompatibility problem with the original code; the following attribute: clip-path: ellipse(45% 45% at 50% 50%) cuts the box-shadow and does not display correctly. The clip-path is responsible for giving the image a rounded shape. To solve it …

I don’t have access to the store, so I can’t see what classes you are using. Basically the code you are looking for should be something like this: {% if template == 'index' %} {% endif %}

hi! heres my store. https://halo-m.com/password yiflow

By the way, here are other values for the box-shadow attribute that I think fit more with your original requirement. box-shadow: 7px -4px 10px 2px #777; /* set your values */ [Captura de pantalla 2023-11-14 194244.png]

the only problem now is when i hover it the shadows are gone.

{% if template == 'index' %} {% endif %}

hi it’s still the same if i hover it.

This code now takes image hover into account: {% if template == 'index' %} {% endif %} Mark it as a solution too if it helped you!

Product card shadow only in homepage only dawn

Store Design

sweetchin23 November 14, 2023, 7:17pm 6

thank you so much. it works perfectly!

1 Like

Topic		Replies	Views
How can i achieve this shadow effect only in homepage Store Design design , customizations , collection-page , shopify-themes	6	42	November 8, 2023
Adding shadow to make product images more visible Store Design	5	130	March 23, 2022
Removing box shadow on hover in Featured Product from Dawn theme Store Design customizations , shopify-themes	6	90	July 10, 2023
How to make home products photo with shadow effect dawn theme shopify Store Design design , customizations , collection-page , css , cart-page	8	86	June 9, 2023
Shadow around product pictures (Venture theme) Store Design	0	181	November 30, 2021

Product card shadow only in homepage only dawn

Related topics