How to show the form at the product tab？

Shopify Discussion
1

Hello, there

I have created a product metafield and added a code to a product.

未命名1689227427.png
未命名1689227427.png909×268 11.4 KB

未命名1689227519.png
未命名1689227519.png684×123 4.06 KB

The code:


| <br>			<br>**Size **<br><br>			 | Material |
| - | - |
| <br>			<br><br><br><br><br>			 |  |
| <br>			<br>**Weight**<br><br>			 | Package |
|  |  |

What code is to paste to the Tab Custom Liquid block to fetch the first code to display at frontend side?

未命名1689228313.png
未命名1689228313.png1902×505 82 KB

2

You cannot choose a metafield with textarea. Otherwise in customizer shopify shows option to choose a metafield you can change the input type from textarea to HTML and than show your form.
Go to product.liquid file
Search tab Custom liquid and change the type from textarea to html

3

Hello, there

Thanks for your reply. I refer to this article

QQ截图20230713160921.png
QQ截图20230713160921.png1378×888 92.1 KB

There’s no html but json that I could choose. I don’t know the json.

未命名1689235358.png
未命名1689235358.png969×608 23.4 KB

未命名1689235397.png
未命名1689235397.png912×505 21.9 KB

4

Hello @Bethchan56 ,

You can try to use this code:

{% assign tableCode = product.metafields.custom.namespace.table_code %}

{% if tableCode %}
  
    {{ tableCode }}
  

{% endif %}

Let us know if it works.

Transcy

5

Hello,

It works after I replace “product.metafields.custom.namespace.table_code” with “product.metafields.custom.specification ” .

Thank you so much.

{% assign tableCode = product.metafields.custom.specification %}
{% if tableCode %}
  
    {{ tableCode }}
  

{% endif %}