Call Us Today! 602-740-5635
  

Duncan

I'm a Web Designer/Social Media Manager/Blog Writer. If it happens on the web, I probably have heard of it.

Creating a Rotating Header Image For your Artisteer Joomla Template

We see a lot of different tricks out there for this, but most of them require lots of hacking and code modifying. The average user without a lot of code knowledge might have tons of trouble or errors.

In this tutorial,  well show you a way to do it, that will not require a lot of code steps or skills to achieve the desired effects.


 

1. Adding a “header” position to your template’s index.php.

 

Open up your template’s index.php and find where the code says:<div>. Right after the closing > add the following code:

 

<!– begin header –>;

<div>;

<jdoc:include type=”modules” name=”header” style=”xhtml” />;

</div>;

<!– end header –>;

 

2. Adding the Position to your template’s templateDetails.xml

 

In your template’s templateDetails.xml, find the code where it looks like this:

 

<positions>;

<position>left</position>;

<position>top</position>;

<position>banner</position>;

<position>header</position>;

<position>footer</position>;

<position>pathway</position>;

<position>user2</position>;

<position>user3</position>;

</positions>;

 

Add <position>header</position>; to the list of positions somewhere in between the <positions></positions>; tags.

 

3. Install Simple Image Rotator into your Joomla Website.

 

4. After the module is installed, go to the module manager, and open the “Simple Image Rotator” module. You will need to do 5 things.

 

On the left column:

 

  1. Change “show title” to no.
  2. Set “enabled” to yes
  3. Change the “position” to “header”

On the right column:

 

  1. Set the “image folder path” to the location on your server where you have put your header files.
  2. Change the “Image (header) width” and the “Image (header) height” to the width and height of your images.

Save and look at your page! now the images will cycle at random through your images!

We hope this helps the people like us who have wanted to do this function, but didn’t want to spend a lot of time and effort making this happen.

 

Categories

Enter your email address:

Delivered by FeedBurner

Social Media
Sponsored Ads