Developer - Firefox

JavaScript error detecting

Use this if you are seeing a blank space, where the slider should be, or you can see the slider, but it doesn't work.

  1. Install Firebug on your browser.
  2. Press F12 on the page, where you can see your error.
  3. Click on the Console tab and refresh your page.
  4. It will write out an error, and the path, or the code you can give you a hint, what is causing it, and you could eliminate that extension/plugin from your website.

Find out which code is making a part of your website

This documentation was mainly made for finding a place, where you could put your slider, if your template/theme doesn't offer it, but if you check it out, you can understand, how to look at the code of your website, which can come handy for other reasons too.

  1. Install Firebug on your browser.
  2. Right click around the part, where you would like to have the slider, and choose Inspect Element with Firebug.
  3. On the bottom the web inspector will open up, and you can see the html code of your website.
  4. If you hover over the code, you can see the elements hightlighted in your browser on the hovered parts. You should open up the code, and find that part, which is over the position, where you would like to have your slider.
  5. Also to make the searching easier, find the codepart right under that place too.

Joomla templates/[your template's name]
WordPress wp-content/themes/[your theme's name]
Magento app/design/frontend/[design package name]/[theme variation name]

  1. And use a searchprogram to look for those codeparts inside this folder. You could do it for example with Total Commander by pressing Alt + F7 check in the Find text and write a unique part of the code in there or NotePad++ is good too to do this, just press Ctrl + SHIFT + F
  2. If you find it, the code might will be a little different from what you saw in the actual html code, that is why you shouldn't search for the whole line, there could be variables coming from the backend settings. Look for the beginning and closing tag too of the upper code (the step 3 code), and for the beginning tag of the lower code (the step 4 code).
  3. As a last step, you should make your template/theme call in the slider between these lines (in my example the new code should go here). You can find the code you need at the publishing part of the documentation.