Displaying a title below the Lightbox icons.

Adds a Lightbox slideshow to your products.
Post Reply
norman
Site Admin
Posts: 1242
Joined: Sat Feb 07, 2004 9:55 pm

Displaying a title below the Lightbox icons.

Post by norman » Thu Jun 23, 2011 11:00 am

This tweak is for Lightbox V3 and is provided for guidance only. The icons are usually quite small and displaying text under them will be ugly and is not a designed in capability.

Edit layout Lightbox Image List and look for:

Code: Select all

				$lbiconcode .= "$separator<a href=\"$LightBoxImage\" rel=\"lightbox-$ProductAnchor\" title=\"$title\">"
				   . "<img border=0 src=\"$ScaledIconName\" width=\"$LightBoxIconWidth\" height=\"$LightBoxIconHeight\""
				   . " alt=\"$title\" /></a>";

Replace it with:

Code: Select all

				$lbiconcode .= "$separator<div style=\"text-align:center;\"><a href=\"$LightBoxImage\" rel=\"lightbox-$ProductAnchor\" title=\"$title\">"
				   . "<img border=0 src=\"$ScaledIconName\" width=\"$LightBoxIconWidth\" height=\"$LightBoxIconHeight\""
				   . " alt=\"$title\" /><br />$title</a></div>";
It will probably only work best where your lightbox icons are lined up vertically. You can try changing the style on the DIV to get other arrangements. Or use post viewtopic.php?f=17&t=309 to make a table like display and then try the tweak above.

For use on Fragments, do something similar to layout Fragment Lightbox Image List.
Norman

Post Reply