News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

activate a fancybox-thumb on detail page

Started by ibnati, July 11, 2018, 22:57:04 PM

Previous topic - Next topic

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.
$(document).ready(function() {
can conflict in Joomla, so use
jQuery(document).ready(function($) {
But you neeed more code and certainly completly different code to do it work.