VirtueMart Forum

VirtueMart 2 + 3 => Templating & Layouts => Topic started by: ibnati on July 11, 2018, 22:57:04 pm

Title: activate a fancybox-thumb on detail page
Post by: ibnati on July 11, 2018, 22:57:04 pm

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
Title: Re: activate a fancybox-thumb on detail page
Post by: Studio 42 on July 12, 2018, 00:02:23 am
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]
$(document).ready(function() {can conflict in Joomla, so use
Code: [Select]
jQuery(document).ready(function($) {But you neeed more code and certainly completly different code to do it work.