Help is on the way!

Browse our Documentation, Search the Knowledge Base, Still need help? Send us a support ticket.

JoomlaXTC Quickstart Install Instructions:

JoomlaXTC Quickstart Template Editions are complete Joomla installers with the latest versions of Joomla and our Template with demo content. The quickstart editions are only for fresh installs of Joomla, if you already have a joomla site built and are looking to change the template - use the basic template with your Joomla installer.

JoomlaXTC offers many training videos for Joomla for register users. If you are a new user to Joomla, we strongly suggest you view these videos for basic Joomla! training - View Videos

Installing Joomla

Step One:

Unzip the Quickstart edition .zip file. Next, using an FTP program such as Filezilla, upload the contents of the unzipped Quickstart edition folder to the root of your server. After you have uploaded the files go to step 2.

Step Two:

Login to your servers control panel and create a new Database for your Joomla Install - Make sure to write down the Host, DB Name, Username, and Password - You'll need it later.

Step Three:

Point your browser to your web address - to start the Joomla Install

Joomla Install: Page One

Joomla Welcome Page:

This is the starting page of the Joomla installation. You should see this screen when you go to your web domain. If you get a page with Internal Server Error 500, make sure your file permissions are correct per your hosting companies requirements. Please note all the files are 777, some hosts restrict CHMOD 777 read write access. Please change your files and folders to CHMOD 755 and reload your site. If you still experience an issue please contact your hosting provider. For more information on changing permissions via FTP, please view our online FTP tutorial videos View Videos

Please select the default language you wish to use on your website now.

Joomla Install: Page Two

Pre Installation Check

This is the pre installation check page of the Joomla install. The first area is critical to running Joomla on your server, If any of these items are not supported (marked as No), your system does not meet the minimum requirements for installation. Please take appropriate actions to correct the errors. Failure to do so could lead to your Joomla! installation not functioning properly.

The Second area checks your core PHP settings, These are the recommended settings for PHP in order to ensure full compatibility with Joomla!. Joomla! will still operate even if your settings do not match.

Joomla Install: Page Three

Joomla GNU License page:

This page gives you full license information about Joomla and does not apply to JoomlaXTC products. The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software--to make sure the software is free for all its users. This General Public License applies to most of the Free Software Foundation's software and to any other program whose authors commit to using it. (Some other Free Software Foundation software is covered by the GNU Library General Public License instead.) You can apply it to your programs, too.

Joomla Install: Page Four

Database Configuration:

This is where you will need to set up your database configuration for your Joomla install. Select the type of database from the drop down list. This will generally be MySQL. Enter the hostname of the database server Joomla! will be installed on. This may not necessarily be the same as your Web server so check with your hosting provider if you are not sure. Enter the MySQL username, password and database name you wish to use with Joomla!. These must already exist for the database you are going to use. If you are unsure about Database set up, please contact your hosting company.

Joomla Install: Page Five

Joomla FTP Layer:

Due to issues with the Joomla FTP layer we do not suggest you use this feature at this time. You may skip this process during the installation and configure later if you wish to use the FTP layer feature. Due to file system permission restrictions on Linux and other Unix systems (and PHP Safe Mode restrictions), an FTP layer is used to handle file system manipulation and enable Joomla! installers. Enter an FTP username and password with access to the Joomla! root directory. This will be the FTP account that handles all file system operations when Joomla! requires FTP access to complete a task. For security reasons and if the option is available, it is best to create a separate FTP user account with access to the Joomla! installation only and not the entire Web server.

Joomla Install: Page Six

Main Configuration:

One of the most important pages in the Joomla install, the main configuration page sets your main site name, your administrator password and adds the sample data for the JoomlaXTC quickstart. Enter the name of your Joomla! site. Enter your e-mail address. This will be the e-mail address of the Web site Super Administrator. Enter a new password and then confirm it in the appropriate fields. Along with the username admin, this will be the password that you will use to login to the Administrator Control Panel at the end of the installation. If you are migrating, you can ignore this section. Your current settings will be automatically migrated. Important!: Install the default sample data. To do this, select the option and click on the button before moving to the next stage.

Joomla Install: Page Seven


Congrats! Your almost there. To finalize your Joomla install you must now delete the installation folder in the root of your Joomla install. You will not be able to proceed beyond this point until the installation directory has been removed. This is a security feature of Joomla!. After removing the file you can now view your site by going to your web domain or go to the adminustartion panel of Joomla by adding /administrator to your web domain address

JoomlaXTC Template Installation Instructions:

To install the a JoomlaXTC template to a pre-existing Joomla install follow these simple steps:

Downloading the template

Single purchases of our templates are downloadable with the download id sent to your email after purchase. Subscribers have access to the template files direct on the product page after subscribing. First please download the core template file named: template_jxtc_template

Joomla Installation

Login to the administration side of your Joomla install and from the Extensions menu select Install / Uninstall. Browse your computer for the "" and upload the file to your Joomla site.

Joomla Template Manager

From the Extensions menu select the Joomla! template manager. You now should see the default Joomla templates and the new JoomlaXTC template displayed in a list. Please select the template you wish to use by checking the box next to the template name and clicking "default" in the top right of the page.

JoomlaXTC offers many training videos for Joomla for register users. If you are a new user to Joomla, we strongly suggest you view these videos for basic Joomla! training - View Videos

Login Module Instructions:

The login button is hardcoded into the index.php and uses a javascript based drop in feature to display the login module position.

JoomlaXTC Add on Instructions:

Users of MyBlog and Jomcomment can easily change to the EcoLife template style by selecting OVERIDE template style in the core Jom Comment / EcoLife template admin page. The CSS styles for My Blog and JomComment have been included in the templates css.

Jomsocial Theme Installation - Download the JXTC Jomsocial Ecotheme and extract the .zip. Next via ftp upload the ecotheme folder to your COMPONENTS/com_community/templates/

JCal Pro 2 Theme Installation - Download the JXTC JCalPro Ecotheme and upload the .zip via the JCal Pro 2 theme installer

JoomlaXTC EcoLife TI Template Configuration:


Logo: Select a custom logo

Body Background: The background of the body of the website

Background Properties: Apply Repeat, no-repeat, top center repeat, etc here for your background

Frame Image: The background image for the picture frame in the inset position

Is the left BG fixed height? Select BG height variation

Style: Select from 12 pre styled themes or select custom to create your own


Front page enabled? Turn front page content on or off

Content Overides? Use XTC content styles or use default Joomla styles

Menu Style: Drop In or Secondary

PhotoFrame for Inset: Use photo frame overlay?

Include JQuery: Use JQuery Call

Include JS Checkboxes: Use Js Styled Check boxes

Use Cufon: Enable Cufon font styles?

Ornament Enabled: use Butterfly position?


Custom Menu Suffix Classes

E-scene comes with several icon menu styles that can be set in the mod_main menu parameters






Module Suffix Styles:

EcoLife comes with 20+ module styles - to view the module suffix codes please visit the online demos and view the module suffix page for a complete list of suffix styles.

Cufon Text Style Modifications:

Eco-Life use Cufon text styles - for more information on Cufon and how it is used please visit this helpful link

JoomlaXTC EcoLife Extensions:

E-Scene comes pre packaged with several top notch modules. When using the Quickstart edition - these modules are pre loaded and configured. If you are install the template on a pre exisiting Joomla Install you will need to download and install each extension manually.

Additional Style Modifications:

In order to edit the template styles beyond what is provided with the TI Template administration you will need to edit the style.css or styles/stylex.css files in the jxtc_ecolife/css folder. This requires a basic knowledge of css.

Editing the EcoLife Icon Panel in the header of the template:

The Icons are called using the joomla custom HTML module in the top user position of the template. We use a CSS UL LI class call to display the icon panel. T

<ul id="iconLinks">
<li><a class="hideTxt perr" href="#">Perr</a></li>
<li><a class="hideTxt pbs" href="#">pbs</a></li>
<li><a class="hideTxt herb" href="#">HerbaLife</a></li>
<li><a class="hideTxt tnc" href="#">The Nature Conservatory</a></li>
<li><a class="hideTxt ascpa" href="#">ascpa</a></li>
<li><a class="hideTxt natgeo" href="#">National Geographic</a></li>
<li><a class="hideTxt wwi" href="#">wwi</a></li>
<li><a class="hideTxt pc" href="#">Public Citizen</a></li>
<li><a class="hideTxt ar" href="#">American Rivers</a></li>
<li><a class="hideTxt ala" href="#">American Lung Association</a></li>
<li><a class="hideTxt jude" href="#">ST Jude</a></li>

What this does calls the one PNG file (icons.png) found in the images/samples/ folder of the root of your Joomla install. The class calls define the A href link for each Icon (note we have them blank with a # for the demo - add your own custom links here). Next we position the link TARGET area by calling the ICONS.png and use the background positioning to display the link area. The css code can be found on or around line 2955 of your templates style.css.

#iconLinks a.perr {
background: transparent url(../../../images/samples/icons.png) -0px -0px no-repeat;

#iconLinks a.pbs {
background: transparent url(../../../images/samples/icons.png) -53px -0px no-repeat;

#iconLinks a.herb {
background: transparent url(../../../images/samples/icons.png) -92px -0px no-repeat;

#iconLinks a.tnc {
background: transparent url(../../../images/samples/icons.png) -180px -0px no-repeat;

#iconLinks a.ascpa {
background: transparent url(../../../images/samples/icons.png) -280px -0px no-repeat;

#iconLinks a.natgeo {
background: transparent url(../../../images/samples/icons.png) -362px -0px no-repeat;

#iconLinks a.wwi {
background: transparent url(../../../images/samples/icons.png) -448px -0px no-repeat;

#iconLinks a.pc {
background: transparent url(../../../images/samples/icons.png) -492px -0px no-repeat;

#iconLinks {
background: transparent url(../../../images/samples/icons.png) -551px -0px no-repeat;

#iconLinks a.ala {
background: transparent url(../../../images/samples/icons.png) -678px -0px no-repeat;

#iconLinks a.jude {
background: transparent url(../../../images/samples/icons.png) -780px -0px no-repeat;

In order to edit this panel you can download the icons.png and swap out the image with your own panel of icons, please note if you change the position of the icons you will need to do some tweaks to the background display positions in the style.css file.

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.


Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.