Hello,
I can’t figure out how to add metafields that are not text to a product page template. I am trying to link a metafield with “product” content type to create a section on my product page that displays related products. I’ve attached a screenshot as an example. Can this be done with a Custom Liquid Block? Or do i need to create a block that can them be inserted into a product page? I have no idea how to write this code. I’m grateful for any help.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Our website is here - I’m using Turbo theme and updated Shopify 2.0. I know how to create the product metafield. I just don’t know how to add it to the product template. I’m hoping it’s code that can be added through a custom liquid block. Thank you!
Hi @robnaples ,
Please add code at custom liquid block:
{% assign productItem = product.metafields.custom.product_item.value %}
{% assign secondaryImage = productItem.media[1] %}
{% assign collection_handles = productItem.collections | map: 'handle' %}
{% if productItem.featured_media.preview_image.alt contains 'youtube' or image.alt contains 'vimeo' %}
{% assign alt_text = productItem.title %}
{% else %}
{% assign alt_text = productItem.featured_image.alt %}
{% endif %}
{% include 'image-element', image: productItem.featured_media.preview_image, alt: alt_text, object_fit: align_height, max_height: collection_height %}
{% if settings.collection_secondary_image != blank and productItem.media[1] != blank %}
{% if productItem.media[1].media_type == 'external_video' %}
{{ productItem.media[1] | external_video_tag }}
{% elsif productItem.media[1].media_type == 'video' %}
{{ productItem.media[1] | video_tag: controls: false }}
{% else %}
{% include 'image-element', image: productItem.media[1].preview_image, alt: alt_text, additional_classes: 'secondary lazypreload secondary-media-hidden' %}
{% endif %}
{% endif %}
{% include "product-details" %}
{% include "product-info" %}
{% unless settings.quick_shop_style == 'inline' and settings.quick_shop_enabled %}
{% include 'collection-swatch' %}
{% endunless %}
{% if settings.quick_shop_style == 'inline' and settings.quick_shop_enabled %}
{% unless collection_handles contains 'coming-soon' %}
{% include 'product-form', show_payment_button_quickshop: settings.show_payment_button %}
{% endunless %}
{% endif %}
With ‘product.metafields.custom.product_item.value’ is the name of the product metafield you created.
Hope it helps!
Hi @LitExtension ,
I tried your code. 2 things. When i insert the system says there is a syntax error likely somewhere below
