Icon with Text - Link to behave like button link?

Store Design
, ,
1

Hello,

I really like the “Icon with Text” section that we can add to the “Product Information” Page. My only issue with it is that when you try to assign a link to the icon+text, the only options given are:

  • Redirect to page/collection/blog/etc

  • Redirect to link (URL) that is set once and for all for this icon+text component on ALL pages.

(check the box outlined in RED)

Our use case is different: We want to assign different URL links for each product. Therefore, we cannot set the link for the icon+text to be a fixed URL, it needs to be dynamic.

Basically, we want the icon+text options to behave same way as a button (under Rich Text Section). Highlighted in GREEN below.

We want the icon+text INSERT LINK option to be able to map to a product metafield (in our case those are titled phone URL and WhatsApp URL).

How can this be achieved? Appreciate your help in advance!

Insert Link can only be assigned to static URL or page/collections/etc
Insert Link can only be assigned to static URL or page/collections/etc1806×832 82.7 KB

We want Insert Link in the icon with text component to achieve same results as here: be able to map to product metfield which is a URL
We want Insert Link in the icon with text component to achieve same results as here: be able to map to product metfield which is a URL1590×660 63.4 KB

2

Hello @my6

I have understand your query. But for this you need to change the code of icon + text section. I recommend you to contact a professional developer to help you with this setup.

Thanks

3

Thanks for your reply, do you recommend anyone specific? I am new to the community