Technical requirements
Before start the installation, be sure, your systems should meet the following requirements.
Server Requirement
- PHP 5.2.17+
- MySQL 5.5.3
- Apache 1.3
Browser Requirements
- Firefox 4+
- Safari 5+
- Google Chrome 10+
- Opera 10+
- Internet Explorer 9+
Configuration Options
We reccomend to use the following servers in your PC to develop your site.
- LAMP (Linux)
- WAMP (Windows)
- MAMP (Macintosh)
- XAMPP (Multi-platform)
Quickstart Package Installation
In All Joomla templates packages created by OrdaSoft you can find Quickstart Package. Quickstart Package allow you to install Joomla template with demo data in few clicks. We highly recommend this method of Joomla installation
1. Uploading on server
Through FileZilla or another FTP software, upload all files from QuickStart Package folder to your website directory.
2. Run the Joomla Installation Wizard
Open your web browser and go to the folder that you uploaded your QuickStart Package.
3. Configuration
On the configuration page, you'll need to select language, enter a name, site description and setup your admin details.
4. Database
Configure Joomla with the your database. Set Database Type to MySQLi and set the Host Name to localhost. Enter database Username, Password and Database name, click Next.
5. Overview
For successful template installation you need to install sample data, select Default English (GB) Sample Data, click Next.
6. Finish
Congratulation, Joomla! is now installed! The last step needed is to remove the installation directory!
Single Template installation
In All Joomla templates packages created by OrdaSoft you can find Joomla template file. Joomla template installation via extension should take no more than one minute.
1. Enter to Admin area
You need to go to your Joomla admin area, type in your browser http://my_joomla/administrator, enter Joomla administrator Login and Password.
2. Upload File & Install
From the backend of your Joomla site (administration) select Extensions -> Extension manager. Click the Browse button and select the template on your local machine
FAQ
What is the difference between Quick Start package and single template installation?
Installing Quick Start package you get the same site as at the demo version. Quick Start package contains an entire Joomla installation and already configured Joomla template and extensions which we used on the demo site. Installing Joomla Template via Extension manager doesn't include sample date. You will need by your self to install and configure all extensions.
I install Quick Start package but nothing is come out, what is the problem?
You forgot to install sample data. For successful template installation you need to install sample data, select Default English (GB) Sample Data.
Admin Panel
All Joomla templates created by OrdaSoft based on OS blank template. Customize logo, fonts, links etc., via template admin area.
Go to Extensions > Template Manager and select installed template
Body
In Template administration panel you can select color and one of provided pattern for body, available settings:
- Body Color
- Body pattern
How to upload my own body pattern?
To do this, you must upload new pattern at your template via FTP into the folder templates/your_template/images.Then you need to declare a new pattern in the templateDetails.xml file is in the folder templates/your_template/.There you should find the following line of code:
<field name="btlabout" type="btlabout" description="" label="" />
<field name="body_color" type="text" label="Body Color:" description="Example: #000000" default="#f8f8f8"></field>
<field name="body_background" type="list" label="Body pattern:">
<option value="">None</option>
<option value="01.png">Stone</option>
<option value="file name of your pattern">Name of your pattern</option>
In the above, 'file name of your pattern' - the name of file your new pattern (for example stripe.png) and 'Name of your pattern' - pattern name to be displayed in list of all pattern in admin area.
Logo
Upload your own logo in few simple steps. Press to "Select" button and in the popup window, select the logo, available settings:
- Upload logo
- Logo link
- Logo width
- Logo height
Links
Change links color and style for Body, Top Menu, Main Menu, Footer Menu. Available settings:
- Links Color
- Links hover color
- Links underline
- Links hover underline
Typography
OrdaSoft themes use Google Fonts. Google Fonts provides high-quality fonts that you can include in your pages using the Google Fonts API. Benefits of the Google Fonts API include:
- A choice of high quality open source fonts.
- Works in most browsers.
- Extremely easy to use.
In template added most popular Google fonts and You can specify your own font for: Body, Body Links, Top Menu, Main Menu, Footer, h1 - h6.
How to add new font from Google?
You need to get the connection code font on the Google Fonts site.This code should look like:
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
Then you should to insert this generated code before closing tag </head> in index.php file in the folder templates/your_template/.
For the emergence of the new font in the font list in admin area, add the following code in the templateDetails.xml file is in the folder templates/your_template/:
<field name="h1_font" type="list" label="h1 Font:" default="Arial, sans-serif">
<option value="Abel, sans-serif">Abel</option>
<option value="Raleway, sans-serif">Raleway</option>
This code has added a new font 'Raleway' for the tag H1 to the list of fonts in admin area.
Module positions
Module positions are placeholders in a template. They identify positions within the template and tell the Joomla! application where to place output from modules assigned to a particular position. The template designer has complete control over module positions, creating variations between templates and the respective Joomla! default positions assigned to modules in the installation sample data.
For example, the module position POSITION-1 could be defined to be on the left side of the template to display a site navigation menu. So if a module is assigned the POSITION-1 position, it will be displayed wherever the designer puts that Left module position - not necessarily the left side of the page.
templateDetails.xml
The templateDetails.xml file contains all the installation and core information for a template, including the module positions it utilizes and displays. Here is a brief list of the commonly used names for the various module positions.
<positions>
<position>Search</position>
<position>topMenu</position>
<position>phone</position>
<position>Top1</position>
<position>Top2</position>
<position>Top3</position>
<position>Top4</position>
<position>Mainmenu</position>
<position>Breadcrumbs</position>
<position>Slideshow</position>
<position>location_map</position>
<position>Feature1</position>
<position>Feature2</position> <position>Feature3</position>
<position>ContentTop1</position>
<position>ContentTop2</position>
<position>ContentBottom1</position>
<position>ContentBottom2</position>
<position>Bottom1</position>
<position>Bottom2</position>
<position>Bottom3</position>
<position>Bottom4</position>
<position>footerMenu</position>
<position>Footer1</position>
<position>Footer2</position>
<position>Footer3</position>
<position>Footer4</position>
<position>Debug</position>
<position>position-0</position>
<position>position-1</position>
<position>position-2</position>
<position>position-3</position>
<position>position-4</position>
<position>position-5</position>
<position>position-6</position>
<position>position-7</position>
<position>position-8</position>
<position>position-9</position>
<position>position-10</position>
<position>position-11</position>
<position>position-12</position>
<position>position-13</position>
<position>position-14</position>
<position>position-15</position>
<position>position-16</position>
<position>position-17</position>
<position>position-18</position>
</positions>
Although these are commonly used, it is up to the template developer to choose both a module position name and an accompanying display style. The addition of module positions, as displayed above, is implemented in between the <positions> and </positions> tags. In between those tags in the templateDetails.xml file, add the name of the module position in between a set of <position> and </position> tags.
Use and implementation
A Joomla! template displays a set of modules added to a specific position using the <span>jdoc:include /> statement shown below (for further information about <span>jdoc:include />
<jdoc:include type="modules" name="name of module position" style="xhtml" />
Visualization
It's possible to visualize all modules set on a template by calling the "tp=1" query string on the front-end.
http://www.yourdomain.com/index.php?tp=1
Template updating
Backup your Joomla site
To help ensure that you don't lose your Joomla database or files in process updating template you should make backup.
Uninstall your Joomla template
Go to: Joomla Admin Area -> Extensions -> Extension Manager. Open the Manage tab. Select Template from the Select Type drop-down menu. Search for the chosen template in the filtered results and click on the check box besides it. Find the Uninstall icon in the upper right Joomla menu and click on it to completely remove the chosen template.
Install your new Joomla template
Log into the back-end of your site (www.your-site.com/administrator/). Go to: Joomla Admin Area -> Extensions -> Extension Manager. You see the page "Extension Manager". From here you can install your Templates, Plugins, Modules, Components and Languages. You have three options:
- Upload Package File - (select a package from your PC, upload and install it)
- Install from Directory - (enter the path where the package is located on your webserver)
- Install from URL - (enter the URL to the package)
Option 3 does everything for you, your environment needs to be properly configured to allow this. Option 1 requires you to download the extension to your PC. Option 2 requires you to unzip and move the folders/files to your webserver. All option require the webserver to have write access to the webspace.
Choose the first method: Upload Package File. Select the package from your PC and click the button "Upload File & Install".
Home page
1.How to change Home page menus
Go to Joomla Admin Area -> Menus -> Main Menu/Top Menu.Select menu and menu items and change their names and addresses.
2.How to change Banner Left image
Go to Joomla Admin Area -> Components -> Banners. Click "Select" and upload a new image.
3.How to change Slideshow section
Go to Joomla Admin area -> Extensions -> Modules -> OS TouchSlider.In order to change or add slides to the slider you will need to log in. Then in the block with the slider appears the menu for editing by the slider. You can also read about the OS TouchSlider in the section Used Extensions.
4.How to change Search Products field
Go to Joomla Admin area -> Extensions -> Modules -> Search products(SidebarLeft).
5.How to change VM - Category title
Go to Joomla Admin area -> Extensions -> Modules -> VM - Category(SidebarLeft). Delete the old title and enter a new one.
6.How to change VM - Category menu items
Go to Joomla Admin area -> VirtueMart -> Product Categories. You can rename the menu items and change other settings.
7.How to change Most Popular Products title
Go to Joomla Admin area -> Extensions -> Modules -> Most Popular Products. Delete the old title and enter a new one.
8.How to change Most Popular Products items
Go to Joomla Admin area -> VirtueMart -> Products. You can rename the product, change the price and change the background image.
9.How to change SALES LEADERS and YOUR PERSONAL SALES GUIDE...
Go to Joomla Admin area -> Extensions -> Modules -> SALES LEADERS/YOUR PERSONAL SALES GUIDE.... Delete the old title and enter a new one.
To change the background image go to "your template folder" -> images. Place your image with the name "itp-bg.jpg" to this folder and overwrite the old image.
10.How to change custom banner
Go to Joomla Admin area -> Extensions -> Modules -> Custom banner section. Delete the old title and enter a new one.
To change the background image go to "your template folder" -> images. Place your image with the name "custom-banner-bg.jpg" to this folder and overwrite the old image.
11.How to change Have questions?
Go to Joomla Admin area -> Extensions -> Modules -> Have questions?. Delete the old title and enter a new one.
12.How to change Home page footer
Go to Joomla Admin area -> Extensions -> Modules -> About us/ Why Choose Us/ Honey. Delete the old description and enter a new one.
13.How to change Home page social links
Go to Joomla Admin Area -> Extensions -> Templates -> Styles -> OrdaSoftTemplate-EcofoodTemplate -> SOCIAL LINKS.
14.How to change Home page copyright
Go to Joomla Admin Area -> Extensions -> Templates -> Styles -> OrdaSoftTemplate-EcofoodTemplate -> Copyright. Delete the old title and enter a new one.
VirtueMart
1.How to change Category Layout
Go to Joomla Admin area -> VirtueMart -> Product Categories. You can rename the category and change the background image.
2.How to change Search in shop
Go to Joomla Admin area -> Extensions -> Modules -> Search products(position-2).
3.How to change Single product
Go to Joomla Admin area -> VirtueMart -> Products. You can rename the product, change the price and change the background image.
4.How to change shipment/payment method
Go to Joomla Admin area -> VirtueMart -> Shop -> Shipment/Payment methods. Click "New" and configure as you need.
5.How to change Shopper Information
Go to Joomla Admin area -> VirtueMart -> CONFIGURATION -> Shopper Fields. You can change the name of the form field and enter the default value.
6.How to change Vendor contact
Go to Joomla Admin area -> VirtueMart -> Shop. You can change the information about the vendor.
CCK Blog
1.How to change CCK Blog component
Go to Joomla Admin Area -> Components -> CCK.
In order to change existing posts or delete / add you need to go to the admin panel -> Components -> CCK -> Instans. Here you can add or modify an existing content.
For more extensive settings of this block, you need to go through admin panel -> compontnts -> CCK -> Layouts -> Blog post.
2.How to change Blog category
Go to Joomla Admin area -> Components -> OS CCK -> Layouts -> Blog Category. Use the editor on the sidebar to configure the blog components.
For more information about OS CCK please click here.
Used Extensions
Location map
Google Maps location module is an extensions for Joomla based sites displayed Map from Google maps using Google API Key. Google Maps location module can be used on Home page, contact form and also you can add Google Map to your Joomla articles.
OS Touch slider
OS Touch slider module which was made for responsive Websites. Have many features like support touch events, insert html code, insert video and etc.
Rockbox
RokBox is a fully responsive modal plug-in for Joomla and the successor of RokBox1. Rewritten from the ground up it can display many different media formats such as images, videos, music, embedded widgets, Ajax content and Joomla modules and takes advantage of the new technologies such as HTML5 and CSS3.
OS CCK
OS CCK is easy yet powerful Content Construction Kit for Joomla that helps to create various kinds of product catalogs, classifieds and listings. OS CCK Joomla component is great solution for building website with rental products (realestates, cars, books and more) as it has built-in functional for creating and managing Buy and Rent Requests.
Support
Support of all templates is carried out on OrdaSoft forum
Created: 23/07/2018
- latest Update: 21/01/2020
- By OrdaSoft
- http://ordasoft.com/