Matrix Responsive Template. User Manual. This manual contains an overview of Matrix Responsive Joomla Template and its use

Transcription

1 Matrix Responsive Template User Manual This manual contains an overview of Matrix Responsive Joomla Template and its use Dachi 1/1/2013

2 Matrix Responsive- A Joomla! Template User Manual 2012 Primer Templates Created on: January 1 st, 2013 Author: Primer Templates [email protected] FOR INFO, UPDATES, REQUESTS & CONTACT Please refer to the above-listed Please note that this documentation assumes that you are already familiar with most aspects of Joomla! If not please take a few minutes to acquaint yourself. Take a look at the Recommendations page for more information and resources that are available.

3 Table of Contents Introduction Key Features System Requirements. Installation Template Customization. Changing the logo Recommendations Extensions Vote of thanks

4 Introduction Matrix Responsive is a responsive Joomla! template built on the slick warp framework. The responsive design makes it suitable for all screen resolutions. This template requires no framework plugin to be installed in order for it to work. The stylish and easy to use admin panel together with a wide range of customizable features enables the creation of an elegant looking site. This template comes with 9 custom Google fonts for the header, body and menu, 12 custom colours, option to switch between responsive and fixed layouts, template width settings, menu column width setting, module arrangement and layout settings via the admin panel and so much more Key Features Responsive framework design Minimalist design Widgetkit for easier joomla content display Zoo blogging component Stylish and elegant image gallery display Over 30 Module Positions 9 colours to choose from Module layout width adjustment in the admin panel RTL Support Collapsible module positions Easy extra module position creation via admin panel Javascript compression Browser upgrade option for old browsers Social networks-content integration Google analytics tracking code insertion ready (via admin panel) Responsive image sliders

5 Responsive Image galleries Choice of three image galleries modules in articles plugin Social icons display module Newsletter subscriber module Social sites display and comments for articles display Google maps Three styles of pricing boxes Three pricing tables styles PHP Requirements PHP Multibyte String support PHP JSON support PHP DOM XML support If any of these requirements are missing you might need to contact your webhost and ask them to install or enable the needed extensions. Installation For quickstart installation, please click here

6 To install a template based on the Warp framework use the extensions installer in the Joomla administration. Go to Extensions» Install/Uninstall. Click on Browse..., select the downloaded template file and click in Upload & Install. The template comes with numerous features, namely background patterns, colour variation, font family variation and so much more. Note: in order to achieve the same layout as the demo site homepage, please note that you will have to apply the following settings in the template admin panel. The default width of the template is 980px, but this has been customized in the demo site as you will see below: Activating To activate the new template go to Extensions» Template Manager, choose the installed template and click on Make Default. By clicking on the templates name, you'll be able to change all template specific settings. Changing/Selecting Default Colour and fonts In order to select the colour to use as default, go to template and then under profiles, choose the primary and secondary color then save your changes.

7 If you wish to use different font style, just select the font from the drop down menu and you are good to go. Here is an overview of the admin panel of the template.

8

9 Changing logo To change the logo to your desired type, install a custom html module to the module position logo. In this custom html module, please make sure that you have inserted your logo image in the custom output field. Please note that your logo should be within the dimensions 300px by 75px and it should be a.png file. Quick Customization To achieve the same layout as the one in the demo site, you will have to apply the following template settings through the template admin panel. For primary colour, choose default Body font: DroidSansRegular Header font: Ropa Sans Menu font: Cuprum Set warp branding to no Sidbar a position: left Sidebar b position: right Sidebar a width: 30 Sidebar b width: 30 Template width: 1020

10 Vote of thanks We would like to thank the following: Yootheme for warp framework, zoo extension and widgetkit Slideshow ck developers joomla.org for the CMS and limited logo usage rights Extensions Used Zoo component Widgetkit Slideshow ck slider Simple Image gallery by Joomlaworks Warp framework by Yootheme Google fonts courtesy of For more information and detailed documentation, please visit