Fancybox Multi Product Images - highlight current icon
Posted: 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):
Immediately after that line add:
Go to Design /Library / Layouts / Lightbox Images / Lightbox Support Styles.
Add the bottom add a line:
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.
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;
Code: Select all
$( "img.lbicon[data-lbpimgid='" + imgid + "']" ).removeClass('lbiconselected');
$( icon ).addClass('lbiconselected');
Add the bottom add a line:
Code: Select all
.lbiconselected {border:1px solid blue !important;}