How to convert each simple text in footer into a clickable link?

How to convert each simple text in footer into a clickable link?

holygrails_in
Excursionist
32 0 5

I have this footer rich text section called popular searches which takes input from each collection page separately but it is just simple text and i want to convert ek text separated by comma into a unique clickable link. 

holygrails_in_0-1741098644399.png

My store link - https://howimetmysole.com

Using the dawn theme.

Thanks for the help! 🙏

Replies 8 (8)

Shadab_dev
Shopify Partner
1246 64 131

Well this will definitely need code modifications in this particular section to make these texts as links

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
holygrails_in
Excursionist
32 0 5

Yes i understand it does need code modifications, i have tried using some but it makes the whole popular search section into one clickable link only

Shadab_dev
Shopify Partner
1246 64 131

Here's a manual way of how you can do it. 

https://www.awesomescreenshot.com/video/37319679?key=ff2f243c5a47031c39ee2abb241a1bf7

Just add the content inside the content part of rich text section, then you can manually add links to each selected content inside your main content. This is tedious one, we can modify code to add all the collection strings using a for loop and then link each collection title to to their specific collection.

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
holygrails_in
Excursionist
32 0 5

Yes i basically need help with the collection pages. I have defined the meta object for the field to change dynamically on each page and this hyperlink option is not available there. 😅😅😅

Shadab_dev
Shopify Partner
1246 64 131

It's hard to totally grasp what have you modified from just explanations without a visual aspect of it.

 

This seems not that tough allt least to me but somehow you have made it difficult or may be I am not getting your actual requirement.

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
holygrails_in
Excursionist
32 0 5

Sharing a screen recording! I want to enable this hyperlink text functionality for the collection page meta object field, so that i can hyperlink each text separately.

 

https://drive.google.com/file/d/1VCrFzy4Zj6KYb1aVllCZVraHa29r5d-q/view?usp=sharing

Shadab_dev
Shopify Partner
1246 64 131

Okay so you have different content on different collections connected dynamically. I can may be convert each text to link wrapping them in a tags before rendering. 

The problem here is where do you need each links to go, I mean that is nearly impossible since you have different texts. If the texts you have were sub categories we could have created a metaobject with link and title and linked the sub categories to the main collection. But again creating so many sub categories would just be a mess.

 

Hope I am able to explain this. 

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
holygrails_in
Excursionist
32 0 5

Yes, i understand that but i still want to hyperlink it all separately.