> For the complete documentation index, see [llms.txt](https://docs.shoppego.my/tutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shoppego.my/tutorials/ms/products/options.md).

# Options

{% hint style="info" %}
\*\*<mark style="color:red;">**Perhatian**</mark>: Penetapan **maksimum Options** adalah **3 sahaja dalam 1 produk.**
{% endhint %}

{% hint style="info" %}
**\*\***<mark style="color:red;">**Perhatian**</mark>**: Jika anda buang kesemua options jenis Button/Dropdown/Swatch dalam produk itu, sistem juga akan buang kesemua variatns yang anda sudah cipta dalam produk itu dan hanya tinggalkan Default variant sahaja.**
{% endhint %}

**Product Options** adalah bahagian untuk **membuat variasi** yang **mempunyai sub-variasi**.

Contohnya satu design baju **mempunyai pelbagai saiz** dan **setiap saiz mempunyai banyak jenis lengan** atau **warna**.

Lihat contoh di bawah :

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-f9c3d7d714392f14498efe2ebe290f6407a13629%2FMS7YITTBfhfUd59hh8C0.jpg?alt=media)

<mark style="color:blue;">**Size**</mark> dan <mark style="color:blue;">**Sleeve Type**</mark> merupakan Variasi(<mark style="color:blue;">**Options**</mark>), dan <mark style="color:green;">**XS, S, Short, Long**</mark> merupakan Sub-Variasi(<mark style="color:green;">**Variants**</mark>) di dalam <mark style="color:blue;">**Options**</mark>.

## **Penetapan Options**

1. Log masuk ke Dashboard **Products** -> **All Products** dan klik pada nama produk anda

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-14aada4dfd8c0fff98a746cb967ca0b70c5db435%2F9hD2pZ9zK2stgVSkuTH5.jpg?alt=media)

2. Klik pada tab **Options** dan **Add Option.** Masukkan option anda contohnya dalam kes baju ada option Size. Seterusnya, pada ruangan Type anda boleh lakukan jenis option yang anda ingin gunakan untuk produk ini. Setelah selesai klik butang **Add.**

{% hint style="info" %}
Terdapat **7 jenis option** yang anda boleh pilih, iaitu: **Button, Dropdown, Date, Datetime, Swatch, Input(Teks)** dan **Textarea**.
{% endhint %}

{% hint style="info" %}
Untuk jenis option **Button, Dropdown** dan **Swatch**, ianya akan ditetapkan sebagai **Required** dan <mark style="color:red;">**tidak boleh**</mark>**&#x20;diubah** kerana ianya adalah jenis option yang perlu ditentukan nilai variants nya. Manakala, untuk jenis option **Date, Datetime, Input(Teks)** dan **Textarea**, anda <mark style="color:red;">**boleh**</mark>**&#x20;diubah** sama ada anda mahukan ianya **required** atau **tidak**.
{% endhint %}

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-1eb35073fa6a08d806d5dc6f7c439d228d4724b4%2FZePmXmezbESL9xMpK6jx.png?alt=media)

3. Paparan akan keluar seperti berikut. Ini bermaksud option pertama anda telah berjaya dicipta.\
   Seterusnya klik butang **Add option** lagi untuk menambah option Sleeve.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-35d2aca1a5b2c636b8ce7a15a1f9034484e9b677%2FEmvbczoLxX5G86SmucGO.png?alt=media)

4. Dan apabila selesai menambah option yang kedua, paparan seperti berikut akan keluar.\
   Ini bermaksud anda telah berjaya mencipta dua option untuk 1 jenis produk anda.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-de63987a8a8c94b2a2de026029045926dbec4f16%2FguoRr0nYfEt5x3r9VGe0.png?alt=media)

## Penetapan option value

1. Kemudian, anda boleh klik pada **Option Size** itu dan **masukkan value/teks dalam option** yang anda inginkan sebagai contoh untuk Option Size seperti **XS**, **S**, **M** dan **L** pada ruangan **Add new value**.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-ed74ab05c5f7eff4ebb90d30bd93a72ee98eb551%2F1p7AgzjUsszniPb7jV22.jpg?alt=media" alt=""><figcaption></figcaption></figure>

2. Pastikan **bagi setiap penambahan option value** itu, anda klik pada **butang Save** atau **klik Enter pada keyboard anda untuk simpan penetapan tersebut.**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-0d195258d3eb315a8bf962c5131486a0d4f928cb%2FG4NHpzfTmQHFf4AGWYkL.jpg?alt=media" alt=""><figcaption></figcaption></figure>

3. Seterusnya, anda boleh ulang langkah diatas untuk penambahan Option value untuk Option Sleeve Type pula.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-a5bcc7343d3dc37594873183a4d91aacd312afe9%2FwdWm9ZqNKTbc1kL1ozf6.jpg?alt=media" alt=""><figcaption></figcaption></figure>

4. Setelah selesai penambahan Option dan Option Value yang anda inginkan, anda akan dapat paparan seperti dibawah.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-cccee33ecb321f3dae5a9f4c3c2ea7a1a0e74796%2F3fz29fEcX4NurzioslnH.png?alt=media" alt=""><figcaption></figcaption></figure>

## Penetapan variants

{% content-ref url="/pages/ytVgz4VAMXbFNWSkgc0J" %}
[Variants](/tutorials/ms/products/variants.md)
{% endcontent-ref %}

{% hint style="info" %}
**Untuk makluman, setiap option value yang anda telah tambah didalam option itu, sistem akan automatik generate variants untuk value-value yang anda masukkan itu dalam option tersebut.**
{% endhint %}

Untuk perubahan harga, stok produk dan sebagainya anda perlu lakukan pada halaman di tab Variants.

1. Anda boleh pergi pada tab **Variants.**\
   \
   Anda akan dapat lihat kesemua variants yang telah automatik di generate melalui penetapan option value yang anda telah tetapkan sebelum ini.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-a826a330b71dd192a3e9d398244042c7c956ecd9%2FNzsS97m87EUiFOiPMvii.jpg?alt=media)

2. Anda boleh **klik pada mana-mana tab variants** itu untuk anda **ubah penetapan Price, Stock dan lain-lain bagi variants tersebut**.

{% hint style="info" %}
Untuk penetapan **Inventori** boleh rujuk [di](#inventori)[sini](#inventori).
{% endhint %}

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-b6cb80361e995d4db12de87bec889b132e977e70%2FGRA4XvydQjkvAKsEs68M.jpg?alt=media" alt=""><figcaption></figcaption></figure>

3. Setelah **anda selesai lakukan sebarang perubahan penetapan**, pastikan anda klik pada butang **Save** untuk simpan penetapan tersebut.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-9ecafdc1033e8dfea38d197ce16845b66a596c2c%2FRxPe25tEVGRRxW8QROKv.jpg?alt=media)

4. Paparan di **Product Page** akan jadi seperti ini.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-5e80a4dffead1bb5a53939ac225787513440e070%2F-MBmUMv_yAK3_BHjVjs4.png?alt=media)

## Inventori

### 1 : View Inventory Logs

{% hint style="info" %}
\*\*<mark style="color:red;">**Perhatian**</mark> : **Bahagian SKU** adalah untuk **memantau data bagi produk anda** dan <mark style="color:red;">**bukan**</mark>**&#x20;untuk kemaskini stok.**
{% endhint %}

Pada bahagian ini anda dapat melihat perubahan atau jejak kuantiti yang dilakukan pada bahagian stok produk.\
\
1\. Klik pada **View inventory logs**.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-769930e2d1d3c4f9c7654b4042af979f8c289862%2FIm6z1UER7V8g7fKt4jeb.png?alt=media" alt=""><figcaption></figcaption></figure>

2\. Pada ruangan ini akan tercatat segala perubahan yang dilakukan pada bahagian quantity stock produk.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-6066b6ecd3188e201905fdbb278951be8d64b167%2F6BbhvSW3EFgyg9090m10.png?alt=media" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="155">Tajuk</th><th>Penerangan</th></tr></thead><tbody><tr><td><strong>Alamat</strong></td><td>Anda boleh menukar alamat pada ruangan ini untuk melihat perubahan logs berdasarkan lokasi.</td></tr><tr><td><strong>Date</strong></td><td>Tarikh setiap perubahan dilakukan.</td></tr><tr><td><strong>Activity</strong></td><td>Merujuk pada perkara yang anda lakukan semasa mengubah kuantiti stok</td></tr><tr><td><strong>Adjusted by</strong></td><td>Merujuk kepada penama/siapa yang melakukan perubahan kepada stock tersebut.</td></tr><tr><td><strong>Available</strong></td><td>Merujuk kepada nilai terbaru stock</td></tr></tbody></table>

### 2: Stok Produk

1. Untuk **lakukan penambahan stok produk**, anda perlu masukkan kedalam ruang yang telah disediakan. Anda hanya perlu tekan dropdown itu sahaja.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-1fad8b291a03018374043ed7b05876b698e2f220%2FwdOygixkmnD7w13SxKh8.jpg?alt=media" alt=""><figcaption></figcaption></figure>

2. Selepas itu, anda boleh **pilih sebab atau maklumat yang berkaitan** dengan perubahan stok produk anda.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-60bafad6dbdd3c3b81384ebb3c4a0ec8d1ab840e%2FYu8F9hTI0aZtbWbDX3aQ.jpg?alt=media" alt=""><figcaption></figcaption></figure>

3. Anda akan lihat nilai kemaskini terbaru bagi stok produk anda.

{% hint style="info" %}
Jika butang **Manage Stock&#x20;**<mark style="color:red;">**tidak**</mark>**&#x20;dihidupkan**, produk anda akan dikira mempunyai **stok tanpa had (**<mark style="color:blue;">**unlimited**</mark>**).**
{% endhint %}

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-2e35f22571913bd16ca4d9eaa40e03756875a778%2FFCPnWMw1Hexr5r6teGsR.png?alt=media" alt=""><figcaption></figcaption></figure>

4. Jika anda menekan butang **View Inventory Logs**, anda akan lihat senarai maklumat bagi perubahan stok produk anda.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-e198d78eeb2e8610786834220d9ef4fa50947f41%2FU4SfKlNeluUWCmDESHTU.jpg?alt=media" alt=""><figcaption></figcaption></figure>

## Info Tambahan

1. **Sekiranya anda&#x20;**<mark style="color:red;">**delete/buang kesemua jenis option(Button/Dropdown/Swatch) yang ditentukan nilai variants nya**</mark>**&#x20;didalam produk anda itu,&#x20;**<mark style="color:red;">**kesemua penetapan variants anda akan di delete/buang**</mark>**&#x20;juga daripada produk tersebut dan&#x20;**<mark style="color:red;">**sistem**</mark> <mark style="color:red;">**hanya akan tinggalkan variants 'Default' sahaja**</mark>**&#x20;pada produk tersebut.**
2. **Anda boleh lakukan penyusunan paparan variants di website anda itu dengan menggunakan fungsi drag & drop sort pada halaman tab Options itu.**

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-2f4dc9bcbfb02328b061f78d0a1228bb1873f155%2FhmHD1950FeSsDiNw16DO.jpg?alt=media" alt=""><figcaption></figcaption></figure>