How to show a metafield "related_blog_post" on product page?

[CrazyGen_IN]

I created a metafield "related_blog_post" which contains URL of related blog post to that product, I want to show that on product page.

Either by block, button or text, through which we can jump to related blog post...

www.crazygen.in 

[Kyle_liu]

Hi @CrazyGen_IN 

1、

2、

3、

<div style="text-transform: uppercase;">
                  {%- if product.metafields.custom.related_blog_post != blank -%}
                    {% assign metaobject_data = product.metafields.custom.related_blog_post.value %}
                    {% if metaobject_data %}
                      <p><a href="{{ metaobject_data }}">Product Introduction</a></p>
                    {% endif %}
                  {% endif %}
                </div>

[namphan]

Hi @CrazyGen_IN,

Please go to Customize > Product information > Add block > Custom Liquid and add code:

Code:

<a href="{{ product.metafields.custom.related_blog_post }}">Link blog</a>

[Vinsinfo]

@CrazyGen_IN Please follow below steps to show the metafield "related_blog_post" on product page.

1. From admin go to "Online Store" -> "Themes".

2. Click "Customize" button form the current theme.

3. Go to product page.

4. Click add block under the product information section and select the "Custom Liquid" block.

5. Paste the below code in the custom liquid section as like below screenshot.

<div class= "metafield_value">
  <a href="{{ product.metafields.custom.related_blog_post.value }}" class="related_blog_post_btn">
    See blog
  </a>
</div>
<style>
  .product__info-wrapper .metafield_value .related_blog_post_btn {
    padding: 7px 12px;
    background-color: #000;
    color: #ffffff;
    border: solid 1px #000000;
    text-decoration: none;
    border-radius: 2px;
    font-size: 17px;
    display: flex;
    justify-content: center;
  }
</style>

FYI: If you are using multiple product templates, you need to add the custom liquid block in all the templates.

6. Result will be,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.