> 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-1.md).

# Flyout  Menu Tipe 1

![](/files/-LeA0mEEirN5eBoEDAee)

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

1. Login di website admin > Masuk ke menu **Journal > Dashboard > Flyout Menu >** klik **“Edit”** pada **Flyout Menu, Home Page/Lside(1)**

![](/files/-LeA1ITn0smH9Jessdbi)

2\. Klik pada **Menu item 1**. 

![](/files/-LeA28Gz0QZPsdTR8gy3)

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

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

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

*\*\*Note*: **Container Background**: Untuk membuat background image, caranya dengan klik **Edit,** maka akan muncul tampilan seperti ini.

![](/files/-LeA2gIlDnt6zjmSXTM9)

Update Gambar Background Anda pada kolom image > Jika sudah, Klik **Ok.**

3\. Untuk selanjutnya ikuti pengisian dibawah ini:

![](/files/-LeA3PZhEfe0Lgls57ug)

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

b. **Categories**: tambahkan induk kategori sebanyak yang ingin Anda tambahkan. 

c. **Links Type**: Pilih **Subcateg** 

d. **Show:** Pilih **Links**

e. **Column Width**: Pilih 66% 

4\. Setelah selesai klik **Save**.