how to access that svg file and display into the liquid code

Solved
AvidBrio
Shopify Expert
232 12 18

how to access that svg file and display into the liquid code
<h1> {{ product.metafields.my_fields.svg }}</h1> <h1> type : {{ product.metafields.my_fields.svg.type }}</h1>
see attached screenshot form metafields  definitions

Screenshot from 2021-09-27 17-30-45.png

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
Accepted Solution (1)

Accepted Solutions
AvidBrio
Shopify Expert
232 12 18

This is an accepted solution.

 how to use the SVG or other files with Shopify  meta fields


Meta field defincation

 

Screenshot from 2021-09-27 17-30-45.png

 

 

Code snippets

  <svg width="190" height="190">       
     <image xlink:href="{{ product.metafields.my_fields.svg.value.url }}"  width="90" height="90"/>    
</svg>
If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com

View solution in original post

Reply 1 (1)
AvidBrio
Shopify Expert
232 12 18

This is an accepted solution.

 how to use the SVG or other files with Shopify  meta fields


Meta field defincation

 

Screenshot from 2021-09-27 17-30-45.png

 

 

Code snippets

  <svg width="190" height="190">       
     <image xlink:href="{{ product.metafields.my_fields.svg.value.url }}"  width="90" height="90"/>    
</svg>
If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com

View solution in original post