Fancybox Multi Product Images - highlight current icon

Miscellaneous Actinic / SellerDeck patches and anything not covered above.
Post Reply
norman
Site Admin
Posts: 1238
Joined: Sat Feb 07, 2004 9:55 pm

Fancybox Multi Product Images - highlight current icon

Post by norman » Sat Sep 10, 2016 10:05 pm

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.
Norman

Post Reply