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 "Travel"
  • 3. Configure blog layout/Blog Options
  • 4. Set Up Mega Menu
  1. Templates
  2. Magazine

Travel

PreviousHomeNextLifestyle

Last updated 2 months ago

1. Create new articles

  • Please go to admin > Content > Articles > Add new

  • Create your articles for a travel topic

  • Assign your articles to the category "Travel"

2. Create menu item "Travel"

  • Go to Admin > Menus > Main menu > Add new

  • Menu item type: Articles » Category Blog

  • Choose a category: Choose the Travel category

  • Template style: tz_magazine - Default

3. Configure blog layout/Blog Options

Blog Layout

Navigate to the tab "Blog Layout", you'll be able to configure options including Leading articles, Intro Article, columns, article order, and others.

  • 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 Options

  • Lead Item Image Position: Default

  • Intro Item Image Position: Default

4. Set Up Mega Menu

Create module "Travel - Latest Posts"

  • 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 > Select a module

In our demo, the mega menu of Travel menu item was used with the module: Travel - Latest Posts

create a Joomla article
Travel blog page's menu.
Configure the blog layout.
Configure Blog Options
Module Travel - Latest Posts
Enable Mega Menu
Choose a layout for the mega menu
Select the module "Travel - Latest Posts"