Special Sale! Get all our extensions, templates and training for under $100!  Sale ends in
Joomlashack

Joomla template CSS and images only displayed on home page

Sometimes your template will lose all its styles and images when navigating away from the Frontpage.
This is caused by an incorrect path to the stylesheet due to SEF errors. If you've enabled SEF, make sure your htaccess.txt file is renamed to .htaccess. You may need to temporarily disable SEF. For more information on the correct way to set up SEF in Joomla! 1.5, see the official doc item at joomla.org: SEF URLs in Joomla! 1.5

SEF quick checklist:

  • Make sure htaccess.txt is renamed to .htaccess if SEF is enabled
  • Make sure your server/host supports all requirements
Write comment (0 Comments)

Creating sublevel menu items

Creating sublevel menu items in both Joomla! 1.0 and Joomla! 1.5 is achieved by same general process. Think of Joomla's menu items as "parents" and "children". In order to create a sublevel item, you will need to assign a "parent" to that item. This is done inside the Menu Manager. Navigate to the menu manager and select the menu to be modified.

Example:

Joomla! 1.0: Menu > mainmenu
Joomla! 1.5: Menus > Main Menu

Select the menu item you would like to assign as a sublevel (or child) item.
You will see a dialog below titled "Parent Item"
Choose the item to assign as the parent and save.
Creating sublevel menu items
Write comment (0 Comments)

How to Update Joomla 1.5 Versions

As an open source project, Joomla frequently updates its code with new releases. Often these have important security patches in then, so its really important to keep up to date.

If you consider yourself a skilled Joomla! user and have a little confidence in your technical skills then you may be able to save yourself some time if you're updating your Joomla! installations by FTP. This article will help you greatly speed up the process.

The first thing you'll need to do is send your web host support agent a request to enable SSH access (if available). Some web hosts require you to give an explanations as to why you would want to enable SSH, because it is a command line based way of managing your server and can really screw things up if you enter a command not knowing exactly what it does.

Here is a simple email you can use as a template to request SSH access for your server:

Hi, I would like to request SSH access be enabled for my user account on (yourdomain.com).
I need this in order to perform various security updates and upgrades to the Joomla! CMS on my server.

Thanks,
(your name)

Once SSH is enabled, you can login to your server using a client such as PuTTY (PC). If you're a Mac user you can simply use OSX's native Terminal utility (located under /Applications/Utilities).

After launching PuTTy/Terminal, the first thing you want to type is:

ssh This email address is being protected from spambots. You need JavaScript enabled to view it.
(Hit enter to submit each command)

You should be asked for your password. For security reasons, you may not see it appear on the screen as you type it.

If all goes well, you should be logged in now. Servers are set up differently depending on your hosting environment, so once logged in you'll need to find your location.

Type ls to show your current location. In most cases you'll need to type cd ../ to get to the main directory listing. (the cd command means "Change Directory").

To find out exactly where your Joomla! installation is located, you can login to your Joomla! administration, navigate to Help > System Info (J!1.5). Look under "Open basedir" and note its location (excluding :/tmp)

Let's say your Joomla! installation is located in /home/username/public_html/. Type cd ../home/username/public_html/ to go inside the public_html directory.

IMPORTANT:
It is highly recommended that you back up your installation before moving forward. To do this, just type:
tar -cvf site_backup.tar public_html/*
This will create a file named site_backup.tar of your entire public_html directory and its contents.

Now, let's say you're running Joomla! 1.5.3 and you want to update to Joomla! 1.5.7

You can access the Joomla! update listing at http://joomlacode.org/gf/project/joomla/frs/. Copy the link location to Joomla_1.5.3_to_1.5.7-Stable-Patch_Package.tar.gz and type:
wget http://joomlacode.org/gf/download/frsrelease/8375/31007/Joomla_1.5.3_to_1.5.7-Stable-Patch_Package.tar.gz

wget is a command to download a package file from another server to your server.

Now type:
gzip -d Joomla_1.5.3_to_1.5.7-Stable-Patch_Package.tar.gz
The tar.gz file now has a .tar extension so type:
tar -xvf Joomla_1.5.3_to_1.5.7-Stable-Patch_Package.tar

The package is extracted and Joomla! is updated. If all goes well and Joomla! appears to be stable, you can delete the site_backup.tar file form your server.

Write comment (0 Comments)

XHTML Validation

Validating a Website's HTML

One of the first things that should be done after a site is constructed, and repeated at various steps as things are changed/updated, is the validation of the site's HTML. In the case of a Joomla powered site, HTML errors can come from 4 places:

  1. Templates
  2. Components
  3. Modules
  4. Articles

Why Validate?

It's simple really; HTML errors can present unwanted issues with your site, and is the leading cause of issues with template display that we see. These issues present themselves even more so when a 'pure CSS' template is in use, as CSS is unforgiving of left out closing brackets (>) and other often overlooked HTML errors that are introduced by extensions or other invalid code inserted in articles. While extension code is not the ONLY vehicle by which invalid code can make its way into a site, it has become one of the leading cause of issues that we have seen.

How to Validate?

The World Wide Web Consortium (W3C) has provided a handy tool to run your site's HTML output against the standards for validation which may be accessed at http://validator.w3.org

Testing your site's validation is as simple as putting your site's URL in the Address field and clicking 'Check':

W3C Validation Service

After the service runs you'll be presented with a 'results' page. If the site is free of HTML errors you will see a message of congratulations and some nice buttons you can proudly display on your site if you wish:

Successful Validation

If there are errors, you will be presented with a results page that outlines the errors:

Errors in HTML

Error Outlined

What to do With This Information

Seek and Destroy! Or better put, find and fix the errors.

The 'Validation Output' that is presented will show all of the errors that are found, although using the info with a Joomla powered site may not be as simple as if we were validating a static HTML site. This is because in Joomla there really are no 'pages' except for the one that is presented to the viewer at the time of viewing. The Joomla 'page' is a collection of output items from the database, presented and laid out within the confines of the template. The Validation Services runs the presented 'page' against the standards and outlines the errors on the presented 'page', but in our instance the items on our 'page' could come from any number of sources. For instance, if you have a website that has a calendar component, a commenting component and a component to manage your advertisements you not only have the default Joomla output in the form of articles on a 'page', you also have the output that is coming from three other sources -- any of which could present an error or multiple errors. The validation service does not point out which is the offending source of output, only the errors and on which line they appear.

Seeking out the reported errors can be a very time consuming process, however, there are some steps that you can do to help with your process.

The first thing I do when checking for the source of a site's errors is to 'rule out' possible sources. As I know in the case of a site with a Joomlashack template that the template is not the cause, I check that one off. I would next go to the code I inserted in articles and rule them out by unpublishing ALL articles and checking the validation. If the errors are gone, publish one article at a time until the offending code is found. If errors still persist after articles are ruled out, I next go to components as a possible source. One quick way to check components is to use a bit of code at the end of your site's URL that will remove the template and show the output of the site presented only as the output from the components in use. To do this, add the following at the end of your URL: /?tmpl=component So for example, if we wished to check the Joomlashack site's HTML with only the output of components in use we would put this in the Validation Service: http://www.joomlashack.com/?tmpl=component If that fails validation we know the offending code is coming from a component. If it's a simple site and does not have too many components in use or is a site still under development, I would recommend uninstalling ALL user installed component, reinstalling one at a time while checking the validation after each component is reinstalled. Doing this should help you pinpoint the offending code.

In the case of already developed sites or sites with large amounts of components installed the process above might not be possible, in which case it may be necessary to hire a professional to help you seek out the offending code. You may also wish to seek assistance in the Joomlashack Community Forum

Write comment (1 Comment)

Fresh Install - Template Messed Up?

One of the most asked questions we get in our support ticket system, is why a particular template is 'messed up, broken, not right, etc etc' upon first installation.

The following is taken from a tutorial on how to set up the Onyx template with Joomla 3, however, there are some concepts that might help a user of any Joomlashack template understand why a template does not look like the demo right out of the box.

This information is not designed to help you set up any particular template besides Onyx (for that please see the template documentation in the demo of the template you are seeking help with) but it is important as a user of Joomla to grasp some concepts that will make life a little easier as you learn how to use this sometimes confusing system.

Default Template installed

This is how our Onyx template with demo content looks, within the style variations.

Colors dark

So you've installed Joomla successfully, and now you want to us a profession template. First you need to install your template. For help with installing that template, see the tutorial 'How do I install a Joomlashack Template'

Joomlashack Template installed

This is how Onyx template looks without the demo content.

onyx sample install no demo

You've successfuly installed your template and set it as the 'default', and gone to view your wonderful new template... and WHOA! It looks like something went terribly wrong!

...it's not all that bad - you just need to do some simple template setup now. Keep reading and it will all look good in a time.

First Things First - know your available module positions!

module positions

Before you can put things where they belong (or where you want them), or move things from where they don't belong, you need to know what module positions are available with your particular template. Each template demo contains a 'Module Map'. The module map will outline your available module positions. This is the Module Map for Onyx, to view the module map for your particular template, see the Demos.

Where is my menu?

You'll notice in the default template (Protostar), that menu module is published nicely to the 'position-1' position. When you change the default template to the Onyx template (in this example), you need to change that menu module to the 'menu' postion.

Know your available module styles

module styles sample

module styles sample 2

Just as you need to know what module positions are avaialbe if you want to put things where you want them - you also need to know the styles that are available for your particular template. And just as each demo contains a Module Map ... guess what?.... they also contain info on what styles are at your disposal!

The above image shows the 'Module Class Suffixes' and corresponding formatting for the Onyx template (for your template's available suffixes, see the demo).

Add the suffix.

The module itself will gain styles based on the Module Class Suffix, which is added in the module's parameters as seen in the screenshot below:

module class suffix

 

Remember, if you need help further assistance after viewing this information and the documentation for your template, please submit a ticket (only available for purchased templates and Template Club customers).

Thanks for using Joomlashack's template, and Have Fun!

Write comment (2 Comments)

Creating a Parent / Child Relationship in a Menu

In order to use a Suckerfish Dropdown menu, or Dropline menu, it is first necessary to set up your menu to have 'Parent / Child' relationships. The 'Child' item is the one that you will see 'drop down', or as a 'sub menu' item.

This tutorial covers how to make it happen.

(this example uses Joomla 1.5 - although the backend looks a bit different in 1.0, the concepts are the same)

Step 1: Access the Menu Manager

Creating a Parent / Child Relationship in a Menu

Select the menu you wish to set up parent / child relationships in. In this example, we are going to use the Main Menu

No parent / child relationships

Creating a Parent / Child Relationship in a Menu

This image shows a menu with no parent / child relationships.

Access the Menu Parameters

Once you've accessed the menu, click on the menu item you wish to make a 'child' item in your menu. You will see the 'Parent Item' parameter on the left side of the screen. This is where you will assign a parent item, thus making the menu item we are editing the 'child' item.

In this case, we are going to set the parent item to be 'What's New in 1.5?" - see below

Select the 'Parent Item'

Creating a Parent / Child Relationship in a Menu

Select the item you wish to be the Parent Item. In this exaample we are setting the 'What's New in Joomla 1.5?" link to be the parent of the 'Joomla! Overview' link.

Save the Changes

Creating a Parent / Child Relationship in a Menu

Click on Save to apply the changes.

Parent / Child relationship is set!

Creating a Parent / Child Relationship in a Menu

You'll see after saving that the parent / child relationship has been set. Child items are shown indented with a connection to the parent item. You can do this for as many links as you need, as many levels deep as you need. Although, the template must accomodate the levels. Joomlashack's templates will accomodate up to 3 child items.

Step 2: Set up the Menu Module

Creating a Parent / Child Relationship in a Menu

Access the menu module by going to the Extensions -> Module Manager, and select the menu module you wish to use. In our example, we are using the already existing 'Main Menu' module. So we click on the module name to open it.

Setting it up.

Creating a Parent / Child Relationship in a Menu

Upon opening our menu module, you will see some parameters that must be set properly for the menu to operate as a suckerfish or dropline menu.

Set the 'Details'

Creating a Parent / Child Relationship in a Menu

In the Details area of the module settings (top left), set the parameters as seen above, and listed here:

Show Title = No
Enabled = Yes
Position = Whatever position you are setting up the suckerfish / dropline menu to be displayed in. Check your template documentaiton, found in the template demo, for the location to use suckerfish / dropline menus in.

Set the 'Parameters'

Creating a Parent / Child Relationship in a Menu

In the Parameters area of the module settings (top right), set the parameters as seen above, and listed here:

Menu Name = mainmenu (choose the name of the menu you wish to use to populate the suckerfish / dropline menu with -- in our case, we've set up the 'mainmenu' to have the parent / child relationships and will be using that menu)
Menu Style = List
Always show sub-menu items = Yes

You do not need to change any of the other parameters, unless otherwise noted in the docuementation for the template.

Save the Changes.

Click on Save to save your changes and close the module settings screen.

Preview your site to see your work!

Creating a Parent / Child Relationship in a Menu

If all settings have been done properly, you should now have a fully functional Suckerfish or Dropline menu set up, with the Joomla! Overview being the child item of the What's new in 1.5? parent.
Repeat the First Step to set up more items for the menu.

As stated above, this tutorial uses Joomla 1.5, however, the concepts are the same for Joomla 1.0 - it's just a bit different in where and how you do things.

If you have any questions or need further assistance, please visit the Community Forum and post to an appropriate thread.

Write comment (2 Comments)

How do I download my template again?

How to get download tutorial

Were you a Joomlashack customer before June 24th, 2007?

Want to access your templates or other licenses again?

Need an updated version of your download?

We can help!

On June 24th, 2007 Joomlashack changed its license delivery system to a new online shop. Powered by Iono, our new shop does a much better job managing your licenses and giving you access to your template and other downloads. Your previous login name and password will not automatically work in our new system.

If you purchased a download from us before June 24th, 2007 using our previous cart system, and want access to your download, you'll need to follow these steps carefully.

1. Please re-register your shop account with us at www.joomlashack.com/shop and then wait for our system to send you an email to the address registered. The email's subject line will be "Activate your Joomlashack account" and the sender "Joomlashack." Please be sure to set your spam filter to allow any/all emails from joomlashack.com through.

2. Once you have successfully created a new user account, visit our Support Center and create a ticket. Please be sure to paste into your ticket the following information, so that we may confirm your previous purchase. The more information you provide us, the faster we will be able to process your request.

  • Order invoice and number (sent to you via email from "sales(at)joomlashack.com" at time of purchase)
  • Paypal receipt information, including transaction ID number (sent to you by email at time of purchase . Sender email address was service(at)paypal.com and the subject line likely was "Receipt for Your Payment to Joomlashack Custom Templates & Services")
  • Date of order
  • Email address used for purchase
  • Your name and address associated with your credit card.
  • YOUR NEW SHOP ACCOUNT USERNAME AND EMAIL

3. Within five days, Joomlashack will review your submission and attempt to place new licenses for each previously purchased download in your new shop account. We will send you an email to the address registered in the ticket system alerting you that your new licenses are ready for download.

We hope you'll sign up for a new shop account, and take advatange of our new licensing system to keep your download available to you at all times, regularly updated with bug fixes and other improvments. If you have any questions, visit our Support Center and get answers.

Write comment (2 Comments)

Why doesn't my template look like the demo?

Sometimes, a new Joomla! user may ask the question, "Why doesn't my template look like the demo?"

Each Joomlashack demo should contain  important pieces of information such as module map, module class suffixes, and the differences of template and content. If you have a problem trying to achieve a desired effect, we suggest looking through the actual demo for the necessary documentation. Our documentation is on the live demolive demo of the template you purchased. This makes documentation much more up to date.

Write comment (0 Comments)

Creating a Full Width Wrapper

The goal here is to get a full-width page with no left or right modules showing.

First, you will need to create a menu item linking to the page to be displayed. This can be anything you want such as a gallery, wrapper, forum etc.

Next, go to the Module Manager (Modules > Site Modules).
The filter drop down is your best friend within the Module Manager. To the right you will see a "select position" drop down list.
Select the LEFT position.

A list of all modules available in the LEFT position are now displayed. Obviously the only ones of importance are the ones that are published. Starting at the top, click on a (published) module title link.

When the page loads you will see several parameters. Look to the ones at the right of the page labeled "Pages/Items". These are the menu items (or pages) which the module is to be present in its respected position, in this case LEFT. Use your control or cmd (mac) or cntrl (pc) key to select or deselect multiple items. You can also use the shift key to select multiple items in a row. The menu item you created to be full width should NOT be selected because you don't want this or any other module in the left column.

Make your way down the list in your Module Manager through all the LEFT positioned modules with the above method and do the same for the RIGHT position.

Write comment (1 Comment)

 

 

Since 2005, Joomlashack has been a leading supplier of free and commercial Joomla templates, Joomla extensions, and Joomla Training.
Joomlashack.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.