Posted By

depiction on 10/27/11


Versions (?)

BigCommerce: Change Border on Product Carousel Thumbnails

 / Published in: JavaScript

Add this to Panels/ProductDetails.html for the on-page carousel. For the lightbox, edit the existing code in productimage.html

  1. <script type="text/javascript" >
  2. function highlightProductTinyImage(ThumbIndex) {
  3. $('.ProductTinyImageList li').css('border', '1px solid gray');
  4. $('.ProductTinyImageList li .TinyOuterDiv').css('border', '2px solid white');
  5. $('#TinyImageBox_'+ThumbIndex).css('border', '1px solid #d7a900');
  6. $('#TinyImageBox_'+ThumbIndex+' .TinyOuterDiv').css('border', '2px solid #d7a900');
  7. }
  8. </script>

Report this snippet  

You need to login to post a comment.