> 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="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FuQBCCg7RKvOd2TSkssoy%2Ffashion-menu.jpg?alt=media&amp;token=12844225-22cd-453a-95ae-df0089280e0f" 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="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F6SRDNfXVluG17PJcbhvY%2Fworld-blog-default-layout.jpg?alt=media&amp;token=6ed2707b-254b-4909-a36d-7991d57d0596" 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="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FYIk4Yq0dl6OZVNidpnNa%2Fworld-blog-article-options.jpg?alt=media&amp;token=18ddd7fb-f2b9-482a-a799-0b59495d29f5" 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="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FyobuPlQ0Lm5ipoU5FU9Y%2Fworld-blog-options.jpg?alt=media&amp;token=59b17643-0962-4397-ad55-772d977c9b72" 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="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FcCXNBVXxVoHE2Qrm49gK%2Ffashion-menu.jpg?alt=media&amp;token=02c19fe5-5ad7-418b-ae6a-b9802c728264" 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="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FSWZ6J0s6UVWfRcXLJWpk%2Fmegamenu-todaynews.jpg?alt=media&amp;token=79c4b092-a767-45fd-a405-c7323a93f9a2" alt=""><figcaption><p>Add a module to the Mega menu</p></figcaption></figure>