Mazaya - Responsive Joomla News Theme

by Fawaniss

Mazaya Theme

Thank you for purchasing Mazaya Theme . Please read this document and explore the item comments and FAQ items for further information and help.

For questions on basic Joomla installation/usage, HTML, JavaScript or CSS editing - please try the ThemeForest forums, W3Schools, the Joomla Documentation, Warp Documentation or Google as theme errors/issues get top priority.

Don't Forget If You Like It, Rate It !

Quickstart = Joomla + Mazaya Template + Demo Content. After installation you'll see complete site like a Demo Site. So, if you're running for new website, I do urge to install using the quickstart file. But, If you've already had a joomla website with your own content, you could install only the Template to keep your own data

Mazaya Quickstart Installation from Fawaniss on Vimeo.

Installing Mazaya Theme from Fawaniss on Vimeo.

Create the menu

After installation of the template click on Menus » Menu Manager Menu » Add New Menu in the administration menu on top. Give it a name and click on Save & Close. For more detailed instructions on how to create a menu see the Joomla documentation.

You can now assign menu items to the menu. Click on Menus » YOUR MENU » Add New Menu Item. For additional instructions on how to create a menu item take a look at the Joomla documentation.


Assign the Verticla menu as Main Navigation

Before the menu works properly in your template, you have to assign it to a menu module published on the menu module position. To achieve this, click on Extensions » Module Manager » New. Choose Menu. Next publish the module on the menu position of the template.

Set up the Mazaya Vertical Menu - Mazaya Theme from Fawaniss on Vimeo.

Set up the Top Menu from Fawaniss on Vimeo.

If you'd like to display icons for drop down menu items, just navigate to the desired level 2 menu item of your Main Menu Menus » Main Menu. On the right hand side you will find a list of parameter categories, i.e. Page Display Options, Link Type Options. Depending on the Menu Item Type there will be a parameter Link Image in one of these parameter categories. I.e. if your Menu Item Type is an External Link, you will find the Link Image parameter in Link Type Options.

Here you can select an image in your Joomla installation directory.



A subtitle can be added to a menu item by simply placing your subtitle text behind two "|" (pipe) characters. Navigate to Menus » Menu Manager. Then create a new menu item or edit an old one. Place two "|" (pipe) characters behind the titles caption and enter a text for the subtitle.

Please follow these below steps to Setup the Social icons in this templates :

This theme is a responsive layout with many columns and variations. The template is based on Warp Framework witch is very powerfull and has many variations of layouts.

This tutorial shows you how to set up the module system in your Warp based template.

Create a module

After installation of the template click on Extensions » Module Manager » New in the administration menu on top. Select a module and configure it on the following screen. Publish it to one of the template's module positions. For more detailed instructions on how to use modules see the Joomla Documentation.


Using Styles / Icons / Badges

Modules can be displayed in different styles with additional icons and badges. The /layouts/module.php takes care of displaying all these module variations.

As Joomla doesn't provide flexible parameters for modules we make use of the Module Class Suffix to pass parameters to style our modules. We use the following pattern to pass the parameters: KEY-VALUE. For example, if you use color-orange you can access the variable color which has the value orange. The Warp framework uses four pre-defined module parameters: style, color, badge and icon. But you can also add your own parameters. For example: myparameter-myvalue. Via the Module Class Suffix, you can pass as many variables as you want ... you just separate them with a space. For example: style-box1 icon-rss badge-top. All these variables can be accessed in the /html/modules.php file which controls all module handling and loading.

Pre-defined Module Parameters

Check out the Module Variations page of mazaya template to find out which values are available.

This theme comes with different module styles, badges and icons. For each module you can pick a style and combine it with an icon or badge to create your own unique look. Here is a list of the available options:

Styles Headerdotted, Headerline, style-box1, style-box2, style-box3,style-simple,style-note.   For more information check Module Variations.   
Badges badge-hot, badge-new, badge-free, badge-top
Icons For more information about the use of icons Font-Awesome


Using Styles - Icons - Badges in Mazaya Theme from Fawaniss on Vimeo.

Create a new module variations and style from Fawaniss on Vimeo.

How to use Profiles

A profile is a custom set of theme settings which can define the style, content and layout of your site. The default profile defines the default settings for the entire website. You can create new profiles and assign them to any menu item. This allows you to load different theme settings on different pages.

New profiles inherit all settings from the default profile, so you just need to apply the settings you want to change. One example where we use the profiles are the different theme variations we deliver with each theme. Also special module layout behavior is done using profiles.

The Default Profile

In the general theme settings you find a parameter called Default Profile. Here you choose the profile which will be loaded on all your pages. By default it is set to the profile called default. Each theme has a default profile and it can not be deleted. If you want to load another newly created profile as default for all your pages you can select it here.

Profiles can also be loaded in the frontend of your website by adding a parameter to an URL. For example index.php?profile=myprofile. We use this feature for example to load the different theme variations by clicking on a link on the website. But if you don't need this it should be disabled. This can be done by setting Dynamic Profiles to No.


New profiles can be created in the profile theme settings by clicking on Add and entering a name for your new profile. Below and other tabs you can see all settings you can control and override with your new profile.

By default all values are inherited by the default profile.

To add new values or to select different options than the default ones, you first need to activate the override with the checkbox on the left.

If you later decide, that you don't want to override one of the default values any longer, simply uncheck the box.

Manually created profiles can be renamed, deleted and assigned to different pages.

One of the major features is the ability to assign different profiles to different pages. This allows you to change the theme's style and layout only on certain pages.

To assign a profile to a single or multiple pages, click on Assign Pages and select the pages you want to load your new profile. You can select multiple items by holding Ctrl-Key while clicking.

Please note that you can only assign one profile per page. If you have already assigned a profile to a page, it will be displayed in grey color and can't be selected.


One of the most common uses of profiles is to load different page and module layouts for certain pages.

For example let's say your module layout for position Top-A is set to Stack, which means the modules will float horizontally next to each other. But on your frontpage you need your modules on that position to be displayed with the Equel layout, so your modules appear vertically above each other.

To do so you create a new profile called Frontpage, activate the checkbox for Top-A Layout and select Stack. Next click on Assign Pages, to select your frontpage and to save your changes. Now the layout setting for Top-A will be overridden on the frontpage.

Another common use is to hide the System Output on certain pages if you want your page to just contain modules or widgets and no article.

You can customize the design of blocks in mazaya theme For example:



Custom design for Mazaya Blocks - Toolbar Block for Example from Fawaniss on Vimeo.

For more information about the template Mazaya please visit the following links:






Joomla Eextension

Thanks so much to:

Photos used in the demo site from:

Kalexanderson, Eduardo Amorim, paul bica, Trey Ratcliff, Trey Ratcliff, Bradford Speers, slagheapRAUL BROCKMANN, Iomega, Merzak Bouki, Meg Puente, Ryusha, Pieric Dupaquier, Cdevers, David, Hendrikmorkel, South dock,  ericflexyourhead, agfreiburgspecial-fx, syriafreedom, agfreiburg, clanlife, jeffanddayna, timsamoff, soelin, stuckincustomstimkenjonbrophalinnchristophe, embarqbrasil, epsos, carmichaellibrary, Andrew, corgan, thevortextsu-lin,  genbug, Edo



Don't Forget If You Like It, Rate It !