# Lifestyle

### 1. Create new articles

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

![Create Joomla articles](/files/QgEN4Rq6QAvLYlYMX45N)

### 2. Create menu item "Lifestyle"

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

![](/files/u1zp4xyM5UThNDuuUIrq)

**2.1. Configure blog layout**

Navigate to the **tab "Blog Layout"**, and you'll be able to configure options including Leading articles, Intro Article, columns, article order, and others. Set each value number of each option or use default settings.

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

![Blog Layout Settings.](/files/WO2oJyl5hLmlnu2zWZh3)

**2.2. Configure Blog Options**

Navigate to the tab "Blog Options", and you'll be able to **adjust the image position of the lead article, and intro articles**. Moreover, you can also configure width options of intro images on different devices (Large desktop, desktop, laptop, tablet, and mobile).

![Configure blog options](/files/DwAMcVSRpaquF6vW7IRw)

### **3. Set Up Mega Menu**

#### Create module "Travel - Lifestyle"

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

![Create module "Travel - Lifestyle"](/files/LU1i8ymYhYUFfOnesum6)

#### 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 (custom layout 3+9)  

* In the first column: Select Post Types
* In the second column: select the module "Travel - Lifestyle"

{% hint style="info" %}
On our demo, the mega menu of Lifestyle menu item was used with submenu "Post Types" and the module: Travel - Lifestyle
{% endhint %}

{% tabs %}
{% tab title="First Tab" %}
![Set up the mega menu. ](/files/DWP5mH6NKBC7NQMIy5Wi)
{% endtab %}

{% tab title="Second Tab" %}
![Choose a menu layout](/files/89F2r1PrifcZMSV1Ukhj) ![Add a module to the menu](/files/sqwE227mxNQprvqnTnrd)
{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jollyany.co/templates/magazine/lifestyle.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.