> 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

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LeA0EjDrnGo5JgqX6PN%2F-LeA91t6qZRz7ss4NxBG%2FScreenshot_74.png?alt=media\&token=630760c4-c2d8-4251-b13b-16451a4c76ba)

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**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LeA0EjDrnGo5JgqX6PN%2F-LeA9t2GglfRWJLafQAj%2FScreenshot_75.png?alt=media\&token=1be8d1d4-9be7-4df3-811d-dd23f27d1bd5)

a. **Menu Name:** Masukan nama menu Anda. 

b. **Menu Type:** Pilih **Mega Menu.** 

c. **Container Width: 500** 

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

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

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LeA0EjDrnGo5JgqX6PN%2F-LeAAOMY235sKNdRsWDY%2FScreenshot_76.png?alt=media\&token=64a99445-509d-42ac-aafc-e2ffd9da829d)

a. **Column Type:** Pilih **Category**. 

b**. Category Menu Item:** Pilih **Custom** 

c. **Categories**: tambahkan induk category sebanyak yang ingin Anda tambahkan. 

d. **Link type:** Pilih **SubCategory** 

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

f**. Status: ON**

3\. Selanjutnya edit **Column 2**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LeA0EjDrnGo5JgqX6PN%2F-LeAAvzL4-Ywve4UbhJr%2Fimage.png?alt=media\&token=958990a9-08ee-441a-931d-9dc8c4621e14)

a**. Source**: Pilih **Module** 

b. **Module:** Pilih **Special** 

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

d. **Status: ON** 

4**.** Setelah Selesai mengedit dan update, klik **Save** pada tombol kanan atas.