activate a fancybox-thumb on detail page

[ibnati]

i want activate a fancybox-thumb  for the zooming picture also i added this cod like in the documentation http://fancyapps.com/fancybox/#examples  but i don't make any effect , how can i add it please ?

$(document).ready(function() {
   $(".fancybox-thumb").fancybox({
      prevEffect   : 'none',
      nextEffect   : 'none',
      helpers   : {
         title   : {
            type: 'outside'
         },
         thumbs   : {
            width   : 50,
            height   : 50
         }
      }
   });
});

thanks
amine


also i use latest version of vm and php 7

and this is the site link : http://dev.cjdesigners.com/en/shop/front-page/porducts/wear/dress-shirt-with-tie-detail

[Studio 42]

Hard to do in your case. Your template already use owl-item and the fancybox sample use V2, Virtuemart use the old fancybox 1.3.4.
In all case  $(".fancybox-thumb") do not exist.

Code Select Expand

$(document).ready(function() {
can conflict in Joomla, so use

Code Select Expand

jQuery(document).ready(function($) {
But you neeed more code and certainly completly different code to do it work.