# Product Metafield

Metafield adalah **secebis code** yang mudah untuk menampilkan data yang boleh digunakan pada products dan juga pages. \
\
Perbincangan untuk Metafields adalah panjang, untuk tutorial ini adalah lebih kepada **built in Metafield** yang telah ditanamkan pada :&#x20;

* Theme **Solaris**&#x20;
* Theme **Hartamas**.&#x20;
* Theme **Tampin**.

Lihat contoh untuk built in **Metafield** untuk **custom label.**

Lihat label **"Fast Selling"** berwarna oren tersebut merepakan built in custom label yang boleh digunakan pada kedai online masing-masing.&#x20;

![](/files/-MGqrx949dwAqD_49_vz)

## Penetapan Product Metafield

1. Log masuk ke dashboard Shoppego dan klik pada **Online store.**

![](/files/VCvdwwBNMP2Wl4iZzvCi)

2. Kemudian klik pada **Metafields**.

![](/files/xhRd6GFDD3e1l0KTyHu3)

3. Kemudian klik pada **products.**

![](/files/-MkeNPTllxhz3jirQvUr)

4. Pilih nama produk yang anda ingin paparkan custom label dan klik pada nama produk tersebut.&#x20;

![](/files/-MkeNg30lzZBMfkZtJKL)

5. Seterusnya klik butang **Add Metafield**&#x20;

![](/files/-MkePGZ6fKwzsVRgCjvD)

## Tambah Metafield

6. Isikan maklumat pada ruangan Key dan Namespace sama seperti gambar di bawah, iaitu :&#x20;
   * **Key :** custom
   * **Namespace** : label
   * **Value Type** : String
   * **Value** : **Baru Sampai** atau mengikut kreativiti anda.
7. Seterusnya klik butang **Save.**

![](/files/-MkeQYhRbm8U-6qWHyta)

Kembali pada store front anda dan lihat hasilnya pada homepage, sebuah label **Baru Sampai** akan terpapar pada produk yang anda telah tetapkan.&#x20;

![](/files/-MGqsSTaNH1tyGeeH85B)

**Custom label** ini boleh digunakan untuk semua produk.&#x20;

## Maklumat Tambahan

* Hanya **satu label sahaja** boleh diletakkan pada **satu produk**.

## Perubahan Warna Label Produk Metafield

Untuk **ubah warna label produk bagi&#x20;**<mark style="color:blue;">**Themes**</mark>, boleh pergi :&#x20;

<mark style="color:blue;">**Solaris**</mark>**:** Dashboard Overview -> Online Stores -> Installed Themes -> Customize -> **Homepage Settings ->Custom Label Color.**

<mark style="color:blue;">**Hartamas**</mark>**&#x20;:** Dashboard Overview -> Online Stores -> Installed Themes -> Customize -> **General Styling -> Label Color.**

<mark style="color:blue;">**Tampin**</mark>**&#x20;:** Dashboard Overview -> Online Stores -> Installed Themes -> Customize -> **Homepage Settings ->Custom Label Color.**

{% hint style="info" %}
\*\*<mark style="color:red;">**Perhatian**</mark> : Jika perubahan tidak berlaku, anda boleh cuba dengan **clear-kan cache browser** anda dan **restart browser** anda.
{% endhint %}

<figure><img src="/files/kJd97fx1DDEYN3BQ9EJl" alt=""><figcaption></figcaption></figure>

Hasilnya adalah seperti dibawah :

<figure><img src="/files/u6f7fBSui5HBnJzcQ8se" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shoppego.com/ms/online-store/metafield/product-metafield.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
