Product grid list - Items shadow box

Site URL: https://www.lesweekendeurs.ca/fr/creer-ma-boite

Hey Guys!

Im looking to do the same type of " shadow box " we normally do in summary grid but in my product grid list.

Any leads?

Cheers!

Now it's like this:

But i look for something like this: ( with the add to cart )

On 2/26/2021 at 1:25 AM, LesMarchands said:

Site URL: https://www.lesweekendeurs.ca/fr/creer-ma-boite

Hey Guys!

Im looking to do the same type of " shadow box " we normally do in summary grid but in my product grid list.

Any leads?

Cheers!

 

Now it's like this:

 

But i look for something like this: ( with the add to cart )

 

Add to Design > Custom CSS

.products.collection-content-wrapper .grid-item.is-loaded {
    box-shadow: 1px 5px 3px rgb(0 0 0 / 50%);
}

Hey Tuanphan!

There's an error in the RBG

" error evaluating function `rgb`: color functions take numbers as parameters "

Ok i fixed it! Now my " add to cart " doesn’t  fit into the "box"  because it's another code.

Any way it fits in?

On 3/6/2021 at 12:24 AM, LesMarchands said:

Ok i fixed it! Now my " add to cart " doesn’t  fit into the "box"  because it's another code.

Any way it fits in?

 

Hi. Sorry for the delay. Have you solved this issue yet?