22 Oct 2011 myUCIrvine 2.0 released! http://t.co/Juv8HRr1
3 May 2011 Visit http://www.thechefcarol.com, a site developed by your truly, MH Design. http://fb.me/101Bnnpk3
3 May 2011 Check out Levi Tenenbaum - 'Artiste' and their site http://www.levitenenbaum.com developed by us! http://fb.me/FPamLOTb
12 Apr 2011 Visit our newest site design 'Math Illuminated' http://www.mathilluminated.com http://fb.me/G03jbbtp
11 Apr 2011 attn UCI: Vote Vikram Nayudu for ASUCI Pres - http://www.VoteVikram.com
10 Apr 2011 University of California, Irvine VOTE Vikram for ASUCI President - http://www.VoteVikram.com

Custom 404 Error Page

User Rating: / 0
PoorBest 

Creating a custom 404 page for your Joomla site can be very interesting. For some sites, there can be quit some users who get to the error 404 page.  If a user lands on your default error page, there is a good change he will leave your site. If you have an error page that has the same layout as your actual site, there is a good chance he will stay. So let's make a custom error page.

1. Copy the default page

The default error page in Joomla 1.5 is /templates/system/error.php. Just make a copy of this file to the root directory of your template (= /templates/yourtemplate/). Now you can change this file any way you like, so if you know php you can start changing it. The problem is that it won't be so easy to include modules like your menu, your search module or  other modules. There is a way to do this, but it's a real pain. So let's try a different approach.

2. Create an error 404 article

Create a new article for your error page. Choose your section and category wisely, so that it doesn't show up as a normal article on your site. As content, you can chose whatever you would like to see on your error page.  In my case, I just copied the text from the default Joomla error page and made a small modification to it. Save the article and make sure it's published.

3. Get the link to this article

In the Article Manager, you will see your new article in the list. In the last column, you will find the ID of your article. You need this for the link to your article. Just replace the domain and the ID in this link: http://www.example.com/index.php?option=com_content&view=article&id=136

If SEF is enabled, you can take the SEF url in stead of this one.

4. Include the content of this article in your error page

Now you will have to include the content of your article in the error page you've copied. Below I've put the contents of the default error page and I've added in red text, the lines you have to add. Of course you need to replace the link, with the one you've created. Don't forget the part at the bottom! After you have done this, you will have your custom error 404 page.

Download Code

 

Portfolio

  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples
  • Project Examples

Services

We offer professional web site design for small and medium businesses. We can design and tailor web solutions to suit your needs.

Read More

Contact Us

Would you like to talk to us about new oppportunities for your business, discuss a strategy of increasing your online presence, or how to build and sell your brand?

Get Started