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"

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_newspaper - Default

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

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

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

4. Set up mega menu

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"

On our demo, the mega menu of Lifestyle menu item was used with submenu "Post Types" and the module: Travel - Lifestyle

Last updated