Getting Started

This quick guide assumes that you are already familiar with Joomla CMS and how to perform basic operations with it. These include installing the quickstart package, installing extensions (templates, modules, plugins and components) and managing content. If you are new to Joomla, please click here. We shall neither cover Joomla quickstart installation nor that of third party extensions used in the demo templates. Warp framework is developed by Yootheme.

To install the template, please follow the instructions below:

  • Download Joomla from the official Joomla website and install the quickstart package
  • Download the Warp theme of your choice from our portfolio
  • Unzip the download files to a folder on your desktop and get the theme from the template folder
  • Go to Joomla administration section and then Extensions Manager and upload the theme you downloaded
  • Go to Extensions, Template Manager and activate the template you just uploaded.
  • Reload the front end of your website and you should see changes

Demo Package

If you would like to have your new site look like the template demo instantly, just install the quickstart package that is included in the download files. The most recent templates contain quickstarts prepared using Akeeba Backup to smooth out the process of installation. Also, we are continuously updating all of our earlier templates to be able to use Akeeba Backup for their quickstart installation.

Quickstart Installation Using Akeeba Backed up Files

The quickstart package has been prepared using Akeeba backup. Here are the steps to follow:

  1. Upload the file quickstart.zip to a folder on your server. This can be on localhost or online server.
  2. Unzip the file to your server folder
  3. Open the path to your site using your browser. If you are on localhost, type http://localhost/folder_path
  4. The following are the screenshots of the installation process and what to do:
Step 1

In this section, click "Next."

Step 2

You have to provide the following settings:

Database Type

Choose MYSQLi

Database server host

Some hosts require that you enter the database host while others just require you to enter "localhost". Hosting with cpanel usually requires that you enter "localhost."

Username and password

The user name and password to connect to your site's FTP server

Database name

Enter the name of the database. Please remember that you need to have created the database first via phpmyadmin.

Database table name prefix

This is usually entered directly, but you may enter yours. The danger with entering yours is that there might be other similar table prefixes in existance.

Step 3

Database restoration using Akeeba Backup to install Joomla quickstart Package

Database restoration stage. Once completed, click "Next."

Step 4

Enter the super user settings to complete the Joomla quickstart installation process using Akeeba Backup

As you can see from the image, there is a warning about not entering the livesite url. Please leave this section empty.

Enter super user settings. You will not be able to enter a new username at this stage. This can be changed direclty via phpmyadmin.

Step 5: Remove the installation folder 

Delete the Joomla installation folder in order to proceed beyond this stage

 

Setting Up the Logo

There are two logos that you will require for your site. The first one is for widescreen display, like desktops, while the second is for mobile screen resolution.To set up logo for desktop and large display, go to extensions, modules and create a new custom html module. Upload your logo to an images folder and then insert the image to your custom html module just as you would do in any Joomla article. Give the module title, assign it to All Pages, or choose the ones you would like this logo to appear in. You can have multiple logos appear in multiple specific pages. Assign the module to module position logo.

To set up mobile navigation menu, go to modules, create a new custom html module, insert your logo image and assign it to module position logo-small.

Setting Up the Menu

Just like the logo, there are two menu displays; desktop and large screen menu and mobile responsive menu. To set up desktop menu, go to modules and create a new menu module. Assign it to module position menu. to set up mobile navigation menu, create another menu module and assign it to module position offcanvas.

Leave a comment

You are commenting as guest.