> For the complete documentation index, see [llms.txt](https://docs.oceanesia.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.oceanesia.com/tutorial-1/setting-template/giga-shop/membuat-flyout-menu/flyout-menu-tipe-4.md).

# Flyout Menu Tipe 4

![](/files/-LeA91t6qZRz7ss4NxBG)

Untuk membuat **Flyout Menu** seperti gambar di atas, ikuti putunjuk dibawah ini:

1. Masuk ke menu **Journal > Dashboard > Flyout Menu** Kemudian klik **“edit”** pada **Flyout Menu, Home Page/Lside(1)** > Klik **Menu Item 4**

![](/files/-LeA9t2GglfRWJLafQAj)

a. **Menu Name:** Masukan nama menu Anda.&#x20;

b. **Menu Type:** Pilih **Mega Menu.**&#x20;

c. **Container Width: 500**&#x20;

d. **Menu Link:** Anda dapat mengarahkannya ke Category atau membiarkannya saja kosong.

2\. Edit **Column 1** seperti gambar dibawah.

![](/files/-LeAAOMY235sKNdRsWDY)

a. **Column Type:** Pilih **Category**.&#x20;

&#x62;**. Category Menu Item:** Pilih **Custom**&#x20;

c. **Categories**: tambahkan induk category sebanyak yang ingin Anda tambahkan.&#x20;

d. **Link type:** Pilih **SubCategory**&#x20;

e. **Show:** Pilih **Links**

&#x66;**. Status: ON**

3\. Selanjutnya edit **Column 2**

![](/files/-LeAAvzL4-Ywve4UbhJr)

&#x61;**. Source**: Pilih **Module**&#x20;

b. **Module:** Pilih **Special**&#x20;

c. **Column Width:** Pilih **50%. S**

d. **Status: ON**&#x20;

&#x34;**.** Setelah Selesai mengedit dan update, klik **Save** pada tombol kanan atas.
