How can I add a tag button to the top of a product page?

[Brashid91]

Hey all I am trying to add a product tag button (non clickable) to the top of my product page. Seen below as (only one made). I’m currently using the prestige theme, is there a way I can implement this within prestige using a tag?

[LitExtension]

Hi @Brashid91 ,

You can totally do it with a tag. Please follow the steps:

• Step 1: Add tag for the product. Please add with fixed structure: label:text, ex: label:only one made

• Step 2: Go to snippets > product-meta.liquid file and add code on ‘h1’ tag.

Code:

{%- for tag in product.tags -%}
    {%- if tag contains 'label:' -%}
  	  

{{ tag | remove:'label:' | strip }}

  	  {%- break -%}
    {%- endif -%}
  {%- endfor -%}

Hope it helps!

[Brashid91]

Thanks! So I got it to work, but I want it to show at the top, specifically on top of the Product name. Is there a way I can arrange that too?

[LitExtension]

Hi @Brashid91 ,

You can move the code to the top:

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.