I’m trying to add a few icon buttons/links to my individual product pages that link to different products using the same design. I found a website that utilizes this very well and I’d like to include this in my own site. I have a picture of what I’d like below. Each icon/link goes to a different product page. The first, the shirt shown, the second, a mug, and the third, a cup/tumbler. How might I add this to my product pages on my site? What would be the steps? I assume it would be custom code? Also, I may need to have no added icons/links on some product pages or change the number of them from 3 links, to 2, depending on the product.
My website is ByGraceAloneDesignCo.com and I’m using the Dawn theme (2023).
1 Like
Hi @JKLRedeemed
You need to have those icon or svg file, preferably. In your Theme editor > Default product view, add a custom liquid block and place the code you have.
Refer to the code below. Note: If you change the theme editor, the changes will reflect to all products that is using the same template
Thanks for the help, but that didn’t do what I was looking for, unless I misunderstood. For an example, I need an individual short-sleeved shirt product page to link to an individual long-sleeved shirt product page and/or coffee cup product page, through icon links like I circled in the picture. That picture is of another company’s website that has links like what I want in my own website.
1 Like
I understand correctly. The code provided is just a reference. To be able to do what you want, you have to add an icon and use a metafield to assign it to corresponding products. This will not be a simple edits. I would suggest to hire a developer to do so
1 Like
