Page 1 of 1

Fancybox Multi Product Images - highlight current icon

Posted: Sat Sep 10, 2016 10:05 pm
by norman
If you want to highlight the current icon in Fancybox Multi Product Images V4, do the following:

Edit file (in your Site folder) fancyboxwithmultiimagesupport.js and look for the line (it's near the top):

Code: Select all

	var imgid = 'im-' + anc;
Immediately after that line add:

Code: Select all

	$( "img.lbicon[data-lbpimgid='" + imgid + "']" ).removeClass('lbiconselected');
	$( icon ).addClass('lbiconselected');
Go to Design /Library / Layouts / Lightbox Images / Lightbox Support Styles.
Add the bottom add a line:

Code: Select all

.lbiconselected				{border:1px solid blue !important;}
The standard add-on puts a silver border around each icon and this tweak changes that to a blue one for the currently clicked icon.