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
  • Import the demo content
  • Create the home menu
  • Edit the home page content
  • 1. Home video
  • Find Your Motorbike
  • Latest Motorbikes
  • Free Service For Premium Members
  • Our Products
  1. Templates
  2. Autobike

Home 1

PreviousAutobikeNextInventory

Last updated 1 year ago

Import the demo content

The home page's content should be built with SP Page Builder so you need to make sure the component has already been installed.

  • Go to Admin > Components > SP Page Builder > Pages > Create a new page

  • Click to import > upload the home1.json file included in the template package.

Create the home menu

  • Go to Menus > Main Menu > Add a new menu

  • Create a menu with a menu type: SP Page Builder > Page

  • Choose a page: home page

  • Choose a template style: tz_autobike - Home Page

Edit the home page content

1. Home video

The heading, text and button above the video are created with UK Heading, UK Text and UK Button.

To change the video, you should edit the row options > Style tab > SECTION OTHER SETTINGS > Choose background type: video > Upload an mp4 file

Find Your Motorbike

This section is created with a TZ portfolio+ Filter module. You should go to Site Module > Create a new module with the type: TZ Portfolio+ Filter.

After the filter module is created, you can assigned it to the Joomla module in Sp Page Builder.

Change the module's background color

You should edit the row options > Style tab > Section other settings > Change the background color

Latest Motorbikes

The section "latest motorbike" was created with UK Heading, UK Text, and a Joomla module.

The Joomla module in this section was built with TZ Portfolio+ Portfolio module. So you're supposed to go to Components > TZ Portfolio+ > Articles > Create articles.

Go to Site Modules > Create a new module with TZ Portfolio+ Portfolio, choose categories, and configure options. After that, assign the module to the Joomla module in the SP Page Builder.

Free Service For Premium Members

To change the background image of this section, you should open the row options > style tab > Section other settings > Change the background image.

Here above are the instructions that guide you on how to edit some sections of the page that might make you confused or difficult to find out where to edit them. Hope they are helpful.

Our Products

The section includes UK Heading, UK Text, and a Joomla module.

Go to Site Modules > Create a new module with Hikashop Content Module.

Please refer to

You're supposed to refer to for more detailed instructions on how to use the component.

How to create custom fields in TZ Portfolio+
SP Page Builder documentation
Open the row options
Change the background color
Edit Row options
Change the ackground image