# Mega menu with Product

The **Product Section** in the header allows you to showcase specific **products within a megamenu**, making it easier for customers to access featured or best-selling items directly from the navigation.

{% hint style="success" %}

* Go to **Shopify Admin >** **Online Store > Themes**.

* Click **Customize** on your active theme.

* Navigate to **Header Section > Add block > Add Product**.

* Configure the settings as needed.
  {% endhint %}

* **Map Item:** Add the [navigation menu](https://wedesignthemes.gitbook.io/bookly/header-group/navigation-menu) name to map items to product.

* **Column Style:** You can select the column layout based on the theme requirements. Available options include (**3, 4, 5, 6, and 1:1:2 columns.)**

* Select a product to display from your store.

* **Row Reverse:** Enable to **swap the row order** of images and text in promo image megamenu.

{% hint style="info" %}
Each column can display a **single product**, allowing up to **4 featured products** in the megamenu.
{% endhint %}

* **(**[**Ref : Mega menu creation-video)**](https://wedesignthemes.gitbook.io/bookly/menu-and-mega-menu/mega-menu-creation-video)
