Author Topic: activate a fancybox-thumb on detail page  (Read 194 times)

ibnati

  • Beginner
  • *
  • Posts: 28
  • A beginner
activate a fancybox-thumb on detail page
« 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

Studio 42

  • Contributing Developer
  • Sr. Member
  • *
  • Posts: 3450
  • Joomla & Virtuemart addon developper
    • Studio 42 - Virtuemart & Joomla extentions
  • VirtueMart Version: 2.6 & 3.0.x.y
Re: activate a fancybox-thumb on detail page
« Reply #1 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.