How to Make 'Featured Product' Title Text and Image Clickable - Brooklyn Theme

ChalkPro
New Member
2 0 1

Hello,

We recently launched our first Shopify store. On our home page (https://www.chalkprochalkboards.com/), we have a Featured Product section listed under the scrolling slideshow. The image and the title appear fine, we also added the Reviews App below the title. However, the issue is that the only way to 'click' on the product to navigate to the Product Details page is to click 'Full details ->' which is a teeny tiny text below the product title and image. 

 

We want our customers to be able to click the product image or the product title to take them to the Full Details product page for this Featured Product section. This is important because we think many customers are leaving our site before they see the product details because they cannot click the product title or image to see more about the product. In the demo Brooklyn template, it seems that all Featured Products are clickable - both image and title - on the homepage. Is there a setting somewhere that I need to update to make Featured Product titles and images clickable on the homepage?

 

Thank you in advance for your help!

Replies 19 (19)
ChalkPro
New Member
2 0 1

Bumping this thread. We still need help! Thank you.

LiliWeds
New Member
1 0 0
CriffelAgency
Tourist
4 1 2

Hello Lily,

Please feel free to share the link to your store, and I might be able to assist you with this matter. 

Are you using the Brooklyn theme like OP ?


Regards,
Andrej from Criffel.io

hometips
Tourist
3 0 2

Would also like to know how to do this.  Anyone? 

SPRAY_MORET_LLC
New Member
1 0 12

I'm not a dev by any means but after a lot of copy & paste i figured it out on BROOKLYN THEME 

in featured-product.liquid i added this code right below the first 2 meta (line 21 & 22 for me) tags and it made the whole section clickable 

<a href="{{ product.url }}?variant={{ current_variant.id }}">

See AttachedScreen Shot 2020-03-31 at 9.55.36 PM.jpg

not sure if this breaks anything so make sure you test but it seems to be working for me 

atpoolbeerpong
New Member
1 0 0

Any update on this? I'm using the theme minimal and have the same issue, I'd like to make the image and title clickable, as the 'full details' is quite small and easy to notice. Thanks

mcl00ud
New Member
5 0 0

I also need help with this is there any way to make the image and title clickable?

RandallHodge
New Member
1 0 0

This change worked for me on the Minimal theme. Thanks.

Debibarik
New Member
1 0 0

Thank you for sharing this info. It also worked for me on Brooklyn theme. 🙂 

Katman
Excursionist
30 1 4

heck yea! this works for Supply theme as well. 

Thank you SPRAY!

SullivanMercant
Tourist
9 0 1

I have the same issue. This is insane. Also insane is that there is so little interest in a solution.

Merm1456
Tourist
4 0 1

Featured my new smoke rings!!! Thanks for the advice mate.

GrabbaGoddess
Rickeeh
New Member
1 0 0

Thanks!! Worked Perfectly for me on Simple Theme

 

 

Hedonic
Tourist
4 0 2

It partially works for me in Minimal theme,

the title text becomes clickable but the image of the product disappears, so it's just the text and buy now buttons left on the home page featured product.

Any thoughts? 

Hedonic
Tourist
4 0 2

Well,

 

Not really knowing what i'm doing I got it to work for the Minimal theme without removing the product images.

Not sure if anyone else was having that issue. I pasted the code under line 61 {% assign featured image = variant.featured image | default: product.featured_image %}

featured product.JPG

nuova-idea
Explorer
46 0 15

Indeed worked on Minimal Theme, thanks.

 

Only tiny issue it changes color of product title and price. Any workaround this?

botolo
New Member
1 0 0

Same here, worked on the Minimal theme as well. Thanks a lot!

milliecreates
Excursionist
15 0 3

Hey! This worked (thank you!) but now there is an ugly purple line under the product name link. I've tried to add the snippet: border-bottom:none; to my CSS everywhere I know how, but it doesn't seem to be working. I'm using the Narrative theme. Anyone have the same issue?

 

Thanks all!

giangcao
New Member
1 0 0

This solved it for me. Thank you so much