Jollyany Framework
HomeDownloadAsk a questionPurchase a license
  • What is Jollyany?
  • Getting Started
    • System Requirements
    • How to download templates?
    • Template Installation
    • Demo Content Install
    • Install template on an existing website
    • Update Template & 3rd Party Extension
    • Active Jollyany license
  • Basics
    • Logo & Favicon
    • Header Variations
    • Color Options
    • Layout Builder
    • Typography
    • Custom Code
    • Import template style
    • Contact information
    • Social Profiles
    • Wide & Boxed Layout
    • Presets
    • Mega Menu
    • Copyright
    • Color Mode
  • Templates
    • Nika
      • Header
        • Menu
      • Home
      • About Us
      • Contact
      • Blog
      • Portfolio
        • Single Portfolio
        • Author
    • Kamper
      • Home
      • About Us
      • Contact
      • Accommodation
        • Single Accommodation
        • How to display custom fields in the listing view
      • Blog
        • Blog's sidebar modules
      • Footer
      • FAQs
        • How to change the cursor effect
    • Like A Star
      • Page Layouts
    • Travelami
      • Technical requirements
      • Home Page
      • About Us
      • Services
      • Tours
        • How to change the number of tour columns
      • Contact us
      • Blog
        • Blog's Sidebar Modules
      • FQAs
        • How to change the breadcrumb image
        • How to change a section's background image
        • How to enable/disable Off-Canvas Module
        • Integrate SP Page Builder into the template
    • ProBike
      • Page
      • Inventory
      • Footer
      • Off-canvas Menu
      • Light & Dark Mode
    • Autobike
      • Home 1
      • Inventory
      • Footer
      • Breadcrumb Image
      • Blog
    • Express
      • Home Page 1
      • Fashion
      • Lifestyle
      • Footer
      • Off-canvas menu
      • Mega Menu
      • Light vs Dark Mode
    • Amanus
      • Footer
      • Home
      • Our Boats
      • Blog
    • Interiart
      • Projects
      • Bottom Footer
      • Header's Background Image
      • Breadcrumb Image
    • Medil
      • Home 1
      • Home 2
      • Blog
      • Service packages
      • Inventory
      • Footer bottom module
      • Off-canvas module
    • Golden Hearts
      • Causes
      • Training
      • Events
      • Installation
    • Organico
      • Installation
      • Change breadcrumb background
      • Footer
    • Baressco
      • Installation
      • Blog
      • Footer
      • Products
    • PowFit
      • Installation
    • Alex
      • Blog
      • Border Style
      • Gallery Slider
      • Gallery Masonry
      • Footer
      • Installation
    • GoldenA
      • Apartments
      • Events
      • How to create a menu badge
    • Newspaper
      • Installation
      • Lifestyle
      • Travel
      • Fashion
      • Header Banner
      • Sidebar Modules
      • Off-canvas menu
    • Magazine
      • Home
      • Travel
      • Lifestyle
      • Fashion
      • Food
      • Footer
      • Sidebar Modules
      • Off-canvas menu
    • Lefala
      • Installation
    • Pethub
      • Installation
      • Courses
      • Events
      • Gallery
    • Profiler
      • Sidebar
    • Varaham
      • Courses
      • Events
      • Author Information
      • Footer
    • Agruco
      • Home
      • Blog
      • Inventory
      • Divided Header
    • Plazart
      • Inventory
      • Our Team
      • Home 1
      • Blog
      • Sidebar Modules
      • Footer
    • Today News
      • Footer
      • Off-canvas menu
      • Home page
      • World News
      • Politics News
      • Climate
      • Sidebar modules
    • Oraz
    • Charity
  • Extras
    • Get Support
    • Install A Template's Quickstart
Powered by GitBook
On this page
  • 1. Create new articles
  • 2. Create menu item "Lifestyle"
  • 3. Set Up Mega Menu
  1. Templates
  2. Magazine

Lifestyle

PreviousTravelNextFashion

Last updated 1 month ago

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

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

Create Joomla articles
Blog Layout Settings.
Configure blog options
Create module "Travel - Lifestyle"
Set up the mega menu.
Choose a menu layout
Add a module to the menu