Pages

Friday, January 22, 2016

Solving Error 500 caused by Joomla template

Getting an error spewed out when testing a local or remote website installation makes my heart race.  I had accessed the site over LAN using my smartphone. Things were smooth until I edited my Joomla template.

My Apache redirects were working.  I have to got to share what for almost 15 minutes frustrated me after this came up Unable to load renderer class.

Reenactment

I wanted to add a module position to a Joomla template. I copied some code from above my desired module position and pasted it there. I save my changes. Went over to change an existing module to the newly created one, which by the way, I too declared in templateDetails.xml, anyway, saved changes to the module in the back-end and the nasty red error page comes up.

Panic

I read a few too many forum discussions about redirects, and restarted Apache. I went as far as changing the $livesite variable's value in the configuration file located in the root folder of the site to reflect my LAN IP. All to no avail.

Retrace your steps

After taking a deep breath, I thought about backtracking to get to the root of the issue. Soon enough I noticed a typo. A big bad one.

<jdoc:include type="modules" name="infoblock" style="html5" />

Should have actually been

<jdoc:include type="modules" name="infoblock" style="html5" /> 

Where infoblock is the name of the position being added.

If you were able to solve your problem after reading this post, drop me a comment.


Gotta go.

hector@nsa-hornet:~$ date; uptime
Fri Jan 22 21:58:50 CST 2016
 21:58:50 up  6:47,  2 users,  load average: 4.15, 4.23, 4.45


Wednesday, December 30, 2015

Making Shadowbox.js gallery plugin mobile friendly

Smaller cellphone screen - LG G Stylo


You want: to go to the Next or Previous image by clicking a larger area instead of the small buttons provided by Shadowbox.

You could modify the shadowbox_en.js code yourself or copy and replace the shadowbox_en.js with the Javascript from the following clip I uploaded to http://pastebin.com/fHHh3NCC.
There is JavaScript at the top and the necessary CSS for the media queries is at the bottom.

In small screens the tiny navigation buttons are hidden.

Simple. save and reload the page.

Thanks to http://www.joomla-css.nl/en/ for some good tips on how to make Joomla navigation menu using Bootstrap.





Larger screen - laptop