https://teplozima.sk/wp-content/themes/teplozima/js/product.js

1$(function() {        
2   
3    var $boximage_slides  = $('.box_image .slide_cont'),
4        $boximage_anchors = $('.box_image .item');
5
6    $boximage_anchors.on('click', function(e){
7        e.preventDefault();
8
9        var $this = $(this);
10
11        if(!$this.hasClass('active')) {
12            $boximage_anchors.removeClass('active');
13            $this.addClass('active');
14            
15            $boximage_slides.filter('.active').stop().fadeOut(300, function(){
16                $(this).removeClass('active').removeAttr('style');    
17            });
18
19            $boximage_slides.eq($this.index()).stop().fadeIn(300, function(){
20                $(this).addClass('active').removeAttr('style');    
21            });
22            
23        }
24    });
25
26    //GALLERY
27    $('.box_image .slides').each(function(){
28        $(this).magnificPopup({
29            delegate: '.slide',
30            type: 'image',
31            mainClass: 'mfp-popup',
32            gallery: {
33                tCounter: '%curr% '+ $(this).data('from') +' %total%',
34                enabled: true,
35                navigateByImgClick: true,
36                preload: [0,1] 
37            }
38        });
39    });
40
41    //SWITCH CONTENT
42    $('.product_info_switch > a').on('click', function(e){
43        e.preventDefault();
44        var $this    = $(this),
45            $items   = $('.product_info_item'),
46            $anchors = $('.product_info_switch > a');
47
48        if(!$this.hasClass('active_mobile')) {
49            $this.addClass('active_mobile');
50
51            $items.stop().eq( $anchors.index($this) ).slideDown(300, function(){
52                $(this).addClass('active_mobile').removeAttr('style');    
53            });
54        } else {
55            $this.removeClass('active_mobile');   
56            
57            $items.stop().eq( $anchors.index($this) ).slideUp(300, function(){
58                $(this).removeClass('active_mobile').removeAttr('style');    
59            });
60        }
61
62    });  
63       
64});  
65