> 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/express/fashion.md).

# Fashion

This page is based on Joomla content articles, so you're supposed to create Joomla articles first.

### Create the blog menu

* Please go to Admin > Menus > Add a new menu item
* Menu item type: Articles > Category Blog
* Choose a category (ex: Fashion category)
* Template style: tz\_express - Default 

<figure><img src="/files/vwrgABoMkFk0IN6uOlK5" alt=""><figcaption><p>Crreate a fashion menu</p></figcaption></figure>

#### **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. (Leading articles have bigger thumbnails than others).&#x20;
* **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/Huv3CNNjG109dkzaKZ8y" alt=""><figcaption><p>Blog layout options</p></figcaption></figure>

#### **2. Configure Blog Article Options**

In the Options tab, you can find options to configure the article's title, linked titles, intro text, position of intro article,  category, link category, author, created date, and so on.

<figure><img src="/files/t4zR1yHghT5JIYr6opHb" alt=""><figcaption><p>Additional options</p></figcaption></figure>

#### 3. Configure Lead Item Image and Intro Item image

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

<figure><img src="/files/8gB0rv99zzLkri0zmNTu" alt=""><figcaption></figcaption></figure>

### Configure Mega Menu

#### 1. Create a Fashion Module

* Pls go to Admin > Content > Site module > Create a new module
* Module type: SP Page Builder
* Position: none
* Add a new row and use the UK Articles

<figure><img src="/files/CZtSfV6eKtdjUxtwWWJK" alt=""><figcaption><p>Create a fashion menu</p></figcaption></figure>

After that, go to edit the *Fashion menu > Astroid Menu Options tab*, and you should enable the Mega menu options. Right below you can add new rows, and select the Fashion module into it. \
Besides that, you can add submenus to the mega menu also.&#x20;

<figure><img src="/files/pEwimGSzdI4WcxixjVny" alt=""><figcaption><p>Add a module to the Mega menu</p></figcaption></figure>