Scribd
Upload
72 views5 pages

Naturalway Joomla! Template Manual: Templates - HTML

Uploaded by

Erik Casso
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
72 views5 pages

Naturalway Joomla! Template Manual: Templates - HTML

Uploaded by

Erik Casso
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

NaturalWay Joomla!

Template Manual
NaturalWay 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/joomla-


templates.html

1. Requirements

The NaturalWay 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 Joomla!
3.2.2 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 described below.

2. Installation

1. Unzip the file template_naturalway_UNZIP_FIRST.zip

2. In Joomla!, go to Extension Manager Install and install the file


tpl_naturalway.zip

3. Open Extension Manager Templates NaturalWay and make the


default website template

4. * PRO VERSION ONLY: From the unzipped


template_naturalway_UNZIP_FIRST.zip package, browse to the
modules directory and install each plugin in the Joomla! Extension
Manager one-by-one.

5. Make sure all other assets like slider and the Gantry Framework have
been installed

1. Go to Extension Manager Modules and see if you have


unpublished modules called Responsive Slide Show and Crosstec
IconicButtons.

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 NaturalWay template, please go to Extension


Manager Templates and choose a different default site template.

Then go to Extension Manager Manage search for NaturalWay check


all related NaturalWay 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!).

Finally delete the 4 modules that you previously installed from the modules
folder in the template_naturalway_UNZIP_FIRST.zip package.

4. Building The Site

1. Horizontal Login (optional)

1. In Joomla! Extensions Module Manager enable the Login Form


Module and enter its settings. Go to the tab Advanced and from
Alternative Layout, choose horizontal. As module position choose
NaturalWay top-b
2. This will let the Joomla! Login Form menu display as simple horizontal
login right beside the logo.

3. You can also add the search right after, just enable the Search module
and place it into the module position NaturalWay top-c.

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. If you want to create HTML text overlays, please separate each


page by using pagebreak in the HTML editor. Each page index
must get along with the slide images you are using.

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

4. For further instructions of the slider, please check the slider's


separate manual that ships with this template.

3. Breadcrumb

1. The breadcrumb is a central design element in this template. Though


you can leave it out, it is recommended to add it. If you decide to add
the breadcrumb, please go to Joomla! Extensions Module
Manager open the Breadcrumb module disable its title display,
choose the module position NaturalWay Breadcrumb and publish
the module.

4. Un-center module titles and text if demanded

1. By default, the template will center titles and text if there are 1 or 2
modules enabled within a position. To disable this behavior, add ct-
align-left in each module's advanced tab => module class suffix.

2. Repeat this for any module that should be aligned left or use more
than 2 modules per position.

3. Tipp: In the same way, you can force modules and html elements to
be centered. In that case add ct-align-center as class.

5. Custom Colors (Pro version only):

1. Changing colors is pretty straight forward: Go to NaturalWay template


Colors tab and choose the desired colors for your website.

2. Be aware that changing some colors affects the colors of different


elements. 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.

6. Iconic Buttons (Pro version only)

1. To display the animated icon buttons like in our demo, please go to


Joomla's module manager and create a new Crosstec IconicButtons
module instance. There, choose your desired icon, add some text and
choose your module position. It is recommended to use 1 Iconic
Button per module position slot.

7. Other Features (in template Features tab)

1. 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

2. Other features available are self-explanatory or described in the


Gantry Framework documentation available at http://www.gantry-
framework.org/documentation/joomla/

8. Module Positions:

1. For dealing with module positions we recommend to read the


documentation available at http://www.gantry-
framework.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/templatedemos12/index.php/features/module-
positions.html

9. Module Themes

1. The template supports up to 3 different color variations for modules.


In order to activate a color variations, please go to Joomla admin
Extensions Module Manager Select your module add the
class .ct-module-theme1, .ct-module-theme2 or .ct-module-theme3
to the field Module Class Suffix in the module's advanced tab.

Pro version only: You may edit the color variations in the color tab
of the template settings. It supports title, text, background and link
colors
10. 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/templatedemos12/index.php/features/typography-
styles.html

11. 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/templatedemos12/

2. For further information, help and new please visit http://crosstec.de


frequently

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy