How can I display file lists in metafields on Symmetry Version 5.5.1?

[HU_demar]

Hi!
We need some help:

Unfortunately, our file lists are not displayed in the meta fields, see here: see attchached

Pictures are stored here in our product metafields as file list. see attchached

Metafield: see attchached

Our Theme is Symmetry-Version 5.5.1

Does anyone have an idea how we can get the icons displayed?

Best regards

[arshia_sheikh]

hi @HU_demar Hope you are doing well you need to change the custom code to something like that for the skin.
Skin Types <br>
{% for skin_care in product.metafields.custom.type_1_natural_skin_neu.value %}
 <img src="{{ skin_care | image_url }}"> 
{% endfor %}

Note:  Please save the previous code or do this in draft theme so you code is save in case its not work. But hopefully this will work. Thanks.

[HU_demar]

Hi Arshia,

thank you very much. It works

However, it displays the icons very large for me.

Is there any way to make the icons smaller and side by side via code in css or something?

[arshia_sheikh · Accepted solution]

Hi @HU_demar 
yes you can change the width and height of these images  replace 
 <img src="{{ skin_care | image_url }}"> 

with
<img src="{{ skin_care | image_url }}"  height="70" width="70"> 
here number in height and width specify height and width in pixels 
just play around with these to find the perfect height and width 

or share the store url I will adjust these icons for you and then share the final code.
Thanks