Linking an image to a link using metafield on product pages

Store Design
,
2

Hi @TUB ,

If you use Dawn theme. May I suggest to update code these steps:

  1. Go to Settings-> custom data → Products

EBOOST_0-1715345717326.png
EBOOST_0-1715345717326.png1061×610 18.2 KB

  1. Add 2 metafields

  • Name: icon, Type: files(images)

  • Name: pdf, Type: files( Accept all file types)

EBOOST_1-1715223341616.png

EBOOST_1-1715345909154.png
EBOOST_1-1715345909154.png719×638 11.3 KB

EBOOST_2-1715345919579.png
EBOOST_2-1715345919579.png1092×745 26.1 KB

  1. Go to each product to add data to these fields

EBOOST_3-1715345991088.png
EBOOST_3-1715345991088.png845×191 2.81 KB

  1. Add code below to anywhere that you would like to show
{%  if product.metafields.custom.icon.value and product.metafields.custom.pdf.value %}
  
  
  
  
{% endif %}