> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/magazine/travel.md).

# Travel

### 1. Create new articles

* Please go to **admin > Content > Articles > Add new**
* Create your articles for a travel topic
* Assign your articles to the category "Travel"

![create a Joomla article](/files/uuBTbH2nsHDvAwG8dRO1)

### 2. Create menu item "Travel"

* Go to **Admin > Menus > Main menu > Add new**
* Menu item type: **Articles » Category Blog**
* Choose a category: C**hoose the Travel category**
* Template style: **tz\_magazine - Default**

![Travel blog page's menu. ](/files/YFsTBYTlOY7VnFY0bZZR)

### **3.** Configure blog layout/Blog Options

#### Blog Layout

Navigate to the **tab "Blog Layout"**, you'll be able to configure options including Leading articles, Intro Article, columns, article order, and others.

* **Leading articles**: the number of featured articles placed on the top of the page
* **Intro Articles**: the number of articles will be displayed on the page
* **Columns**: the number of columns in which articles will be shown

<figure><img src="/files/3kAIAcoONp8i44PBKiF7" alt=""><figcaption><p>Configure the blog layout.</p></figcaption></figure>

#### Blog Options

* Lead Item Image Position: Default
* Intro Item Image Position: Default

<figure><img src="/files/RwZY6TdY70ISDUXeWuaT" alt=""><figcaption><p>Configure Blog Options</p></figcaption></figure>

### 4. Set Up Mega Menu

#### Create module "Travel - Latest Posts"

* Please go to **System > Manage > Site Module > Add New**
* Module type: **SP Page Builder**
* Create a new section and add the Jollyany addon **"UI Articles"**
* Configure UI Articles add-on, you're supposed to choose a resource (Joomla articles), choose a category (Travel) and set the limit option (the number of articles you want to display)

![Module Travel - Latest Posts](/files/mUF3LG8pUx6q7yH82CFq)

#### Navigate to **the tab "Astroid Menu Options"**

* Enable Mega Menu
* Set width: 980px
* Drop-down: Container

In the mega menu options, click to add a new row > Select a grid layout > Select a module

{% hint style="info" %}
In our demo, the mega menu of Travel menu item was used with the module: Travel - Latest Posts
{% endhint %}

{% tabs %}
{% tab title="Enable Mega Menu" %}
![Enable Mega Menu](/files/GXnk3bSHTT5OYErNQ865)
{% endtab %}

{% tab title="Select a module" %}
![Choose a layout for the mega menu](/files/89F2r1PrifcZMSV1Ukhj) ![Select the module "Travel - Latest Posts"](/files/sqwE227mxNQprvqnTnrd)
{% endtab %}
{% endtabs %}

<br>