How to make collection photos linked - Brooklyn theme

annad3
Not applicable
2 0 0

I am having trouble figuring out how to make the photos displayed for each of our collections a link to the products within the collection. We use the Brooklyn theme for our website.

 

Here is the link to our collections:  https://sienafarms.com/collections

 

The images for each collection are not hyperlinked. To navigate to the products within each collection, you have to click the "Learn More" button.

 

I would like to also be able to navigate to the products within the collection by clicking the collection image.

 

Anyone have an idea of how to do this?

Replies 3 (3)
Sweet_Savior_3
Shopify Partner
411 12 23

hello ,

 

I have got the message. And for that you need to hire a shopify developer for that because it need custom js for that.

 

 

 

 

Don't forget to like and accept the solution to help others store owners.
LIKED MY WORK? Buy me a coffee here Paypal | Hire me as your developer or send your queries here.
PaulNewton
Shopify Partner
5931 537 1241

This would require customizing the theme code.

Possibly in collection-list.liquid find the collects feature image and wrapping that with an anchor tag

<a href="{{collection.url}}>

...

</a>

 

If you need this customization setup then contact me directly by mail for services by clicking here or using contact Info in signature..
Please always provide context, examples: store url, theme name, post url(s) , or any further detail.

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


annad3
Not applicable
2 0 0

So I think the code for this is in the lists-collections-template.liquid. Does that seem right? From there, I'm not sure where to put that code.