# Membuat Kelompok List Produk

![](/files/-Ldwc2lKStMiLkcOn99M)

Anda bisa membuat kelompok list produk seperti tampilan diatas, yang terdiri dari New Arrivals, Most Viewed, Best Sellers, dan On Sale. Atau hal ini disebut juga dengan **Custom Section**.

Caranya membuatnya adalah sebagai berikut:

1. Login di website admin.
2. Masuk ke menu **Journal > Dashboard > Custom Section >** klik “**Edit**” pada **Home, Top(2).** Atau jika belum ada, bisa klik **Create New** (di pojok kanan atas).

![](/files/-LdwdDB_UfQgw_kCcv58)

\
3\. Klik **Add Section +**

![](/files/-Ls0qiv_6EgmvPgI22Nf)

\
4\. Isi data berikut.

![](/files/-Ls0rSWrTic5yMIpQcPJ)

* **Section Title:** Masukkan nama sectionnya, misalnya 'Best Seller'.
* **Section Type:** Pilih tipe sectionnya, apakah list produk yang mau ditampilkan diambil dari **Module, Category, Brand, Random, Custom,** dan **Link.**\
  Jika Anda memilih **Module,** maka yang tampil dibawahnya adalah **Module Type,** lalu bisa Anda pilih Module Typenya.\
  Jika Anda memilih **Category,** maka yang tampil dibawahnya adalah **Category,** lalu Anda bisa pilih categorynya, dst.
* **Status:** pilih **ON.**
* **Default Section:** pilih **ON,** jika Anda ingin menjadikan Section ini sebagai default (yang pertama kali muncul saat website dibuka).\
  \*\*Note: Jika Anda membuat default section lebih dari satu, maka Anda harus pilih salah satu untuk menyetting ON pada Default Sectionnya.
* **Item Limit:** Masukkan maksimal jumlah item yang mau dimunculkan pada halaman custom section tsb, misalnya jika produknya lebih dari 100 maka Anda bisa input maksimal item limitnya 20 atau 30, sesuai selera Anda. Yang penting tidak melebihi 50 agar akses loading websitenya tidak lemot.
* **Sort Order:** Bisa dikosongkan saja.<br>

5\. Untuk membuat section yg kedua, Anda bisa klik **Add Section +** dan mengulang langkah diatas.

6\. Selanjutnya, Anda bisa mengubah jumlah item produk per barisnya, misalnya per baris ada 4 produk atau 3 produk, bisa dilihat contoh berikut ini :

![(jumlah item per row pada desktop : 4 items)](/files/-Ls0Gz5lU4BT5suYqd7d)

![(jumlah item per row pada desktop : 3 items)](/files/-Ls0cAQd7nVTPAdAFh4S)

Untuk mengubah items per row pada website seperti contoh diatas, caranya masih di menu yang sama seperti tadi, lalu sekarang klik **General Options.**

![](/files/-Ls0oW4CW6HHVV1BcckW)

Lalu klik **Edit** pada **Items per Row.** Maka akan muncul tampilan seperti berikut.

![](/files/-Ls0oqOQyYL_BnXKhyEi)

Anda bisa mengatur sendiri jumlah item produk per barisnya, misalnya jumlah item produk per baris pada layar large desktop yaitu 5 produk, \
lalu jumlah item produk per baris pada layar desktop yaitu 3 produk,\
lalu pada layar tablet 3 produk,\
lalu pada layar large phone 2 produk,\
dan pada layar phone 2 produk.

Jika sudah, klik **OK.**<br>

4\. Selanjutnya jika sudah selesai semua, klik **Save** di pojok kanan atas.


---

# 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.oceanesia.com/tutorial-1/manual-book-v-1-0/tampilan-website/tampilan-produk/list-produk/membuat-kelompok-list-produk.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.
