Re: How to make product card image clickable? Theme DAWN

Solved

How to make product card image clickable? Theme DAWN

Fran06
New Member
10 0 0

Hello, 

 

I noticed that only the product's title is clickable but not the whole image. Can someone please help me make the images of products and collection cards clickable to the product page? 

https://toutjewellery.co.uk/collections/earrings

Thank you!

Accepted Solution (1)
comercioservice
Shopify Partner
292 37 36

This is an accepted solution.

@Fran06 

.card-wrapper.product-card-wrapper .card--standard>.card__content {
    position: static !important;
}

 can you add important to this, please 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

View solution in original post

Replies 7 (7)

comercioservice
Shopify Partner
292 37 36

@Fran06 


Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) base.css and paste this code on the end


 

.card-wrapper.product-card-wrapper .card--standard>.card__content {
    position: static;
    display: flex;
    flex-direction: column;
}
​



 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!
Fran06
New Member
10 0 0

Hi thanks for your solution! Unfortunately it doesn't work:(

comercioservice
Shopify Partner
292 37 36

@Fran06 can you share your code where you place it, its should be work https://www.loom.com/share/9a2bef3816594b7eac7c02d43baa571b?from_recorder=1&focus_title=1

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!
Fran06
New Member
10 0 0

Hello I've pasted the code here, at the end of base.css

Did I pasted it to the wrong place? 

Screenshot 2024-06-13 at 23.07.53.png

comercioservice
Shopify Partner
292 37 36

This is an accepted solution.

@Fran06 

.card-wrapper.product-card-wrapper .card--standard>.card__content {
    position: static !important;
}

 can you add important to this, please 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!
Fran06
New Member
10 0 0

Hi there, 

 

It works now! Thank you!!

comercioservice
Shopify Partner
292 37 36

@Fran06 thanks for your time and understanding 

If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!