Theme Setting
...
 

Megamenu

1. Menu

Used to create and manage standard menus across the theme.
Examples include:

• Main Menu

• Top Menu

• Footer Menu 1–4

Each menu consists of menu items that can link to pages, categories, or external URLs.

2. Builder

Used to create megamenu layouts.
A megamenu is not standalone—it works as a submenu for a specific menu item.

Each menu item can optionally be linked to one megamenu builder, allowing you to display a rich, structured dropdown with multiple columns, images, or custom content.

How to Use the Builder

1. Add or Edit a Builder

   • When creating a new builder, a sample megamenu layout will be loaded automatically with 3 columns.

   • You can change the number of columns from the Column menu.

2. Add Blocks to a Column

   • Add new blocks to a specific column, or edit the existing sample blocks.

   • Click Save in the Add Block popup to apply the changes.

3. Save Your Changes

   • Click Save in the top-right corner, or press Ctrl + S.

4. Preview the Changes on the Frontend

   • Refresh the page to see the updated megamenu.

Note
In the current version of the Builder, some fields must be filled manually.
For example:

• Category links

• Product images

• Banner images

• Product price (for product card display)

Tip: How to Get a Product Image URL

1. Open the product page on the frontend.

2. Right-click on the product image and select “Copy image address / Copy image location.”

3. Paste the full image URL into the Thumb Image or Banner Image field in the Builder.

How to Get a Smaller Image Thumbnail

1. Open the Product List page in the admin area (open it in a new tab if needed).

2. Locate the product you want to display in the megamenu.

3. Right-click on the product image thumbnail.

4. Select “Copy image address / Copy image location.”

5. Paste the copied URL into the Thumb Image or Banner Image field in the Builder.

This method gives you a smaller, optimized thumbnail image, suitable for megamenu display.