Make featured product image/text clickable - Dawn

Make featured product image/text clickable - Dawn

OliverTarsa
New Member
6 0 0

Hey so I just opened up my shopify store and I am trying to figure out how to make the image and title clickable on Featured Products.

 

I understand form what I read elsewhere that you have to do some coding, which I have no clue how to navigate in.

 

If anyone can guide me like a 5 year old to achieve it, I would really appreciate it 😄

 

Store Link Here 

Replies 10 (10)

suyash1
Shopify Partner
10130 1253 1593

@OliverTarsa  I think you have solved your issue, because image and product title is clickable 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
OliverTarsa
New Member
6 0 0

I did copy some older code I found on here but it seems to made some issues as it is outdated, so still figuring stuff out

 

suyash1
Shopify Partner
10130 1253 1593

@OliverTarsa  what issue are you facing?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
OliverTarsa
New Member
6 0 0

I can no longer change the product image to be on the right side

 

And the arrow next to "view full details" is gone 

suyash1
Shopify Partner
10130 1253 1593

@OliverTarsa  you want like this?

 

suyash1_0-1732241749965.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
OliverTarsa
New Member
6 0 0

Yes, that would be great! 

Is there anything you can do about the arrow missing on the "View full details" ? 

suyash1
Shopify Partner
10130 1253 1593

@OliverTarsa  we can add it like this but this is not a proper icon

 

suyash1_0-1732242067905.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
OliverTarsa
New Member
6 0 0

Couldve thought of that, that works good enough for me.

Thank you so much! So how can I get it to look like that? 

 

suyash1
Shopify Partner
10130 1253 1593

@OliverTarsa  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

@media screen and (min-width:750px){
.featured-product .product__media-wrapper{order:2}
.product__view-details{display: flex !important;}
a.link.product__view-details{content: "->"; margin-top: 1px; margin-left: 2px;}
}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
OliverTarsa
New Member
6 0 0

Worked great, thank you so much again! 🙏