Baryonic Joomla! Template Manual: Templates - HTML

Download as pdf or txt
Download as pdf or txt
You are on page 1of 4

Baryonic Joomla!

Template Manual
Baryonic is a modern and professionally designed template for your Joomla!
website.
The template is available as free and pro version. The free version doesn't
contain features such as custom color setup, the slider and various other
template specific features. The pro version contains all the features and the
ability to turn off the footer copyright.
The pro version can be obtained from here: http://crosstec.de/en/joomlatemplates.html
1. Requirements
The Baryonic template requires either Joomla! 2.5 or 3.x, each in its latest
version. If you don't run them in their latest versions (for example 3.1.5 at the
time of writing), it can lead to odd display results.
The template is based on the Free GPL Gantry Framework to deliver you the
best results and helps maintaining your template and keeping it up-to-date.
For your convenience, the template installs the Gantry Framework
(http://gantry-framework.org) upon installation.
The Gantry Framework is installed from our servers at
http://crosstec.de/gantry.zip and is an exact and untouched version of the
latest version available at http://gantry-framework.org. If Gantry doesn't
install upon the template installation, check the frontend and the message with
further instructions. Usually you need to download Gantry for free and install
manually.
Installing and Uninstalling is described below.
2. Installation
1. Unzip the file template_baryonic_UNZIP_FIRST.zip
2. In Joomla!, go to Extension Manager Install and install the file
tpl_baryonic.zip
3. Open Extension Manager Templates Baryonic and make the default
website template
4. Make sure all other assets like slider and the Gantry Framework have
been installed
1. For the slider go to Extension Manager Modules and see if you

have an unpublished module called Responsive Slide Show.


2. For Gantry go to Extension Manager Manage search for
gantry you should see a list of 3 Gantry related entries
3. Now open your website's frontend in your browser. You should see a
plain website with the menu already on top of the page. Follow the
instructions below to complete the setup.
PLEASE NOTE: if the template doesn't display properly after installation, you
need to install the Gantry Framework separately. In that case, please download
the file http://crosstec.de/gantry.zip and install it in Extension Manager
Install.
Tip: Please make sure that you always keep your Joomla! Installation, the
template and Gantry up-to-date.
For template updates visit http://crosstec.de and for Joomla! / Gantry check the
update notifications in the Joomla! Dashboard.
3. Uninstall
If you wish to uninstall the Baryonic template, please go to Extension Manager
Templates and choose a different default site template.
Then go to Extension Manager Manage search for Baryonic check all
related Baryonic entries and click uninstall. Then search for gantry check
all related Gantry entries and click uninstall (please remove Gantry only if
you don't use other templates that are based on it!).
4. Building The Site
1. Menu:
1. The menu should already be assigned and visible after installation and
enabling.
2. The menu setup supports several features such as text and image
icons. We suggest to check out the Gantry Documentation for further
instructions and see what's possible: http://www.gantryframework.org/documentation/joomla/
3. To change from the default top menu to the round menu items, please
see the Features tab and enable Simple Menu.
2. Slider (Pro version only):
1. Go to Extension Manager Modules open Responsive Slide
Show create your slides disable title display for the module
assign the module position showcase-a save the module.

2. Visit your website frontend and check if the slider is working.


3. For further instructions of the slider, please check the slider's
separate manual that ships with this template.
3. Custom Colors (Pro version only):
1. Changing colors is pretty straight forward: Go to Baryonic template
Colors tab and choose the desired colors for your website.
2. Be aware that changing some colors affects the colors of different
elements. If you for example change the Link Color to something else,
the Button background color would change accordingly (as well as the
arms of the slider). This should help you to keep your color scheme
consistent. In order to find a nice color scheme for your site, we
suggest to use tools like https://kuler.adobe.com/create/color-wheel/
and apply them to your custom colors.
4. Other Features (in template Features tab)
1. Fixed Header On Page Scrolling: Enable / Disable this to make the
menu sticky while scrolling or classic way, without any stickyness.
2. Show ToTop Button: Enable / Disable this to display / hide a button in
the lower right corner of the site that scrolls back to top when clicking
on it
3. Other features available are self-explanatory or described in the
Gantry Framework documentation available at http://www.gantryframework.org/documentation/joomla/
5. Module Positions:
1. For dealing with module positions we recommend to read the
documentation available at http://www.gantryframework.org/documentation/joomla/
2. Each module position has its own purpose and color scheme, you
however should focus on the mainbody (component) and add module
positions only for pages required.
3. Our templates strictly follow the standard Gantry module positions
and can also be viewed here
http://crosstec.de/templatedemos7/features/module-positions.html
6. Typography:
Both versions of this template for Joomla! 2.5 and 3.x support Twitter

Bootstrap, so you have a definition of typography that you can rely


on. Please consult our typography overview page of this template to
see the details: http://crosstec.de/templatedemos7/typography.html
7. General Notes:
1. Make sure you check the template demo to get an overview of the
existing module variations and other things that are not explained
here or you can't find:
http://crosstec.de/templatedemos7/features/module-variations.html
2. For further information, help and new please visit http://crosstec.de
frequently

You might also like