https://www.payloadz.com/resources/js/main.js

1(function ($) {
2    "use strict";
3
4    var windowWidth = $(window).width();
5    var windowHeight = $(window).height();
6
7    // custom nav trigger function for owl casousel
8    function customTrigger(slideNext, slidePrev, targetSlider) {
9        $(slideNext).on('click', function () {
10            targetSlider.trigger('next.owl.carousel');
11        });
12        $(slidePrev).on('click', function () {
13            targetSlider.trigger('prev.owl.carousel');
14        });
15    }
16
17    /* MOBILE MENU JS*/
18    function mobileMenu(triggerElem, dropdown) {
19        var $dropDownTrigger = $(triggerElem + ' > a');
20
21        $dropDownTrigger.append('<span class="lnr lnr-plus-circle"></span>');
22        $dropDownTrigger.on('click', function (e) {
23            e.preventDefault();
24            $(this).parents(triggerElem).find(dropdown).slideToggle().parents(triggerElem).siblings().find(dropdown).slideUp();
25        });
26    }
27
28    if (windowWidth < 767) {
29        mobileMenu('.has_dropdown', '.dropdown');
30        mobileMenu('.has_megamenu', '.dropdown_megamenu');
31    }
32
33
34    $('body').scrollspy({ target: '#for_mobile' });
35
36
37    /* offcanvas menu */
38    $('.close_menu').on('click', function () {
39        $(this).parent('.offcanvas-menu').addClass('closed');
40    });
41
42    /* filter menu reveal on click*/
43    // $('.filter__menu_icon').on('click', function () {
44    //     $('.filter_dropdown').toggleClass('active');
45    // });
46
47    /**/
48    $('.menu_icon').on('click', function () {
49        $(this).siblings('.offcanvas-menu').removeClass('closed');
50    });
51
52    // Click event to scroll to top
53    var scrollTop = $('.go_top').hide();
54
55    $(window).on('scroll', function () {
56        var distanceFromTop = $(document).scrollTop();
57        if (distanceFromTop > 117) {
58            scrollTop.fadeIn(400);
59        }
60        else {
61            scrollTop.fadeOut(400);
62        }
63    });
64    scrollTop.on('click', function () {
65        $('html, body').animate({scrollTop: 0}, 800);
66        return false;
67    });
68
69
70
71    //  for mobile
72    if (windowWidth <= 991) {
73        var $slideNav = $('#for_mobile .nav');
74        $slideNav.slideUp();
75        $('.navbar-toggle').on('click', function () {
76            $slideNav.slideToggle();
77        })
78    }
79
80
81    /* setting background images */
82    $('.bg_image_holder').each(function () {
83        var $this = $(this);
84        var imgLink = $this.children().attr('src');
85        $this.css({
86            "background-image": "url(" + imgLink + ")",
87            "opacity": "1"
88        }).children().attr('alt', imgLink);
89    });
90
91    /*COUNTER UP*/
92    $('.count').counterUp({
93        delay: 10,
94        time: 1500
95    });
96
97
98    // jquery ui range
99    var $priceFrom = $('.price-ranges .from'),
100        $priceTo = $('.price-ranges .to');
101
102    $(".price-range").slider({
103        range: true,
104        min: 0,
105        max: 500,
106        values: [30, 300],
107        slide: function (event, ui) {
108            $priceFrom.text("$" + ui.values[0]);
109            $priceTo.text("$" + ui.values[1]);
110        }
111    });
112
113    /* preloader js */
114    $(window).load(function () {
115        $('.preloader_inner').fadeOut(1000);
116        $('.preloader-bg').delay('500').fadeOut(1000);
117        $("body").removeClass("preload");
118    });
119
120    /* Reply comment area js goes here */
121    var $replyForm = $('.reply-comment'),
122        $replylink = $('.reply-link');
123
124    $replyForm.hide();
125    $replylink.on('click', function (e) {
126        e.preventDefault();
127        $(this).parents('.media').siblings('.reply-comment').toggle().find('textarea').focus();
128    });
129
130    /* COUNTDOWN INIT */
131    $('.countdown').countdown('2020/11/25', function (event) {
132        var $this = $(this).html(event.strftime(''
133            + '<li>%D <span>days</span></li>  '
134            + '<li>%H <span>hours</span></li>  '
135            + '<li>%M <span>minutes</span></li>  '
136            + '<li>%S <span>seconds</span></li> '));
137    });
138
139
140    // accordion js
141    var $accordionTrigger = $('.single_acco_title a');
142    $accordionTrigger.on('click', function () {
143        $accordionTrigger.not(this).removeClass('active').find('.lnr').not($(this).find('.lnr')).removeClass('lnr-chevron-up').addClass('lnr-chevron-down');
144        $(this).toggleClass('active').find('.lnr').toggleClass('lnr-chevron-up lnr-chevron-down');
145    });

146
147
148    /* date picker js */
149    $('.dattaPikkara').datepicker();
150
151
152    // price selection js
153    var $licenseText = $('.card--pricing2 .pricing-options li p'),
154        $price = $('.card--pricing2 .price h1 span');
155    $licenseText.slideUp();
156
157    $('.card--pricing2 .custom-radio label').on('click', function () {
158        var $this = $(this);
159        $licenseText.slideUp(200);
160        $this.parents('li').find('p').slideDown(200);
161        $price.text($this.data('price') + '.00');
162    });
163
164
165    /*removing extra margin from the last child of item description-area */
166    $('.tab-content-wrapper').length ? $('#product-details').children().children().last().css({ 'margin-bottom': 0, 'padding-bottom': 0 }) : $('#product-details').children().last().css({ 'margin-bottom': 0, 'padding-bottom': 0 });
167
168
169    /* ADD CREDIT PAGE JS */
170    var $amount = $('.amounts ul li');
171    $amount.on('click', function () {
172        $(this).find('p').addClass('selected');
173        $(this).siblings($amount).find('p').removeClass('selected');
174        $('.selected_price').val($(this).data('price'));
175    });
176
177
178    /* settng files name */
179    $('.attachment_field').on('change', function (e) {
180        var files = e.target.files;
181        var attached = $('.attached');
182        for (var i = 0; files.length > i; i++) {
183            attached.append('<p>' + files[i].name + '<span class="lnr lnr-cross"></span></p>');
184        }
185    });
186
187
188    $('.vote a').on('click', function (e) {
189        e.preventDefault();
190        $(this).addClass('active').siblings('a').removeClass('active');
191    });
192
193
194    /* starring */
195    var starring = $('.actions span.fa');
196    starring.on('click', function () {
197        $(this).toggleClass('fa-star-o fa-star');
198    });
199
200
201    /* remove uploaded files name when clicked on cross */
202    $('.attached').on('click', 'p>span', function () {
203        $(this).parent().remove();
204    });
205
206
207    /* followers following js */
208    $('.user--following .btn').on('mouseenter', function () {
209        $(this).text('unfollow');
210    }).on('mouseleave', function () {
211        $(this).text('following');
212    });
213
214
215    /* bar rating plugin installation */
216    $('.give_rating').barrating({
217        theme: 'fontawesome-stars'
218    });
219
220
221    /* custom slick slider navigation */
222    function slickCustomTrigger(slider, prev, next) {
223        prev.on('click', function () {
224            slider.slick('slickNext');
225        });
226        next.on('click', function () {
227            slider.slick('slickPrev');
228        });
229    }
230
231
232    /* featured product slider */
233    var $featuredProd = $('.prod-slider1');
234    $featuredProd.owlCarousel({
235        items: 1,
236        autoplay: false,
237        autoplaySpeed: 1000
238
239    });
240    customTrigger('.product__slider-nav .nav_right', '.product__slider-nav .nav_left', $featuredProd);
241
242
243    var $featuredProd2 = $('.prod-slider2');
244    $featuredProd2.owlCarousel({
245        items: 1,
246        autoplay: false
247    });
248    customTrigger('.prod_slide_prev', '.prod_slide_next', $featuredProd2);
249
250
251    $('.testimonial-slider').slick({
252        infinite: true,
253        slidesToShow: 2,
254        slidesToScroll: 1,
255        prevArrow: '<span class="lnr lnr-chevron-left"></span>',
256        nextArrow: '<span class="lnr lnr-chevron-right"></span>',
257        responsive: [
258            {
259                breakpoint: 768,
260                settings: {
261                    slidesToShow: 1,
262                    slidesToScroll: 1,
263                    infinite: true
264                }
265            }
266        ]
267    });
268
269
270    /* newest product slider */
271    var productSlider = $('.product_slider');
272    productSlider.owlCarousel({
273        items: 3,
274        margin: 30,
275        responsive: {
276            0: {
277                items: 1
278            },
279            768: {
280                items: 2
281            },
282            992: {
283                items: 3
284            }
285        }
286    });
287
288    /* follow feed slider */
289    customTrigger('.follow_feed_nav .nav_right', '.follow_feed_nav .nav_left', productSlider);
290
291
292    /* partners slider */
293    $('.partners').owlCarousel({
294        items: 5,
295        autoplay: true,
296        loop:true,
297        responsive: {
298            0: {
299                items: 1
300            },
301            480: {
302                items: 2
303            },
304            768: {
305                items: 3
306            },
307            992: {
308                items: 5
309            }
310        }
311    });

312
313
314    /* sponsors slider */
315    $('.sponsores').owlCarousel({
316        items: 4,
317        autoplay: true,
318        margin: 30,
319        responsive: {
320            0: {
321                items: 1
322            },
323            480: {
324                items: 2
325            },
326            768: {
327                items: 3
328            },
329            992: {
330                items: 4
331            }
332        }
333    });
334
335
336    // this is product preview slider
337    $('.item__preview-slider').slick({
338        slidesToShow: 1,
339        slidesToScroll: 1,
340        arrows: false,
341        fade: true,
342        asNavFor: '.thumb-slider'
343    });
344
345    var thumbSlider = $('.thumb-slider');
346    thumbSlider.slick({
347        slidesToShow: 5,
348        slidesToScroll: 1,
349        arrows: false,
350        focusOnSelect: false,
351        asNavFor: '.item__preview-slider',
352        responsive: [
353            {
354                breakpoint: 479,
355                settings: {
356                    slidesToShow: 3
357                }
358            }
359        ]
360    });
361
362    // assign custom trigger for thubmSlider
363    slickCustomTrigger(thumbSlider, $('.thumb-nav .nav-left'), $('.thumb-nav .nav-right'));
364
365
366    /* trumbowyg init*/
367    var trmbg_container = $('#trumbowyg-demo');
368    if (trmbg_container.length) {
369        trmbg_container.trumbowyg();
370    }
371
372
373    /* bootstrap tooltip activation */
374    $('[data-toggle="tooltip"]').tooltip();
375
376    /*
377     * Replace all SVG images with inline SVG
378     */
379    $('img.svg').each(function () {
380        var $img = $(this);
381        var imgID = $img.attr('id');
382        var imgClass = $img.attr('class');
383        var imgURL = $img.attr('src');
384
385        $.get(imgURL, function (data) {
386            // Get the SVG tag, ignore the rest
387            var $svg = jQuery(data).find('svg');
388
389            // Add replaced image's ID to the new SVG
390            if (typeof imgID !== 'undefined') {
391                $svg = $svg.attr('id', imgID);
392            }
393            // Add replaced image's classes to the new SVG
394            if (typeof imgClass !== 'undefined') {
395                $svg = $svg.attr('class', imgClass + ' replaced-svg');
396            }
397
398            // Remove any invalid XML tags as per http://validator.w3.org
399            $svg = $svg.removeAttr('xmlns:a');
400
401            // Replace image with new SVG
402            $img.replaceWith($svg);
403
404        }, 'xml');
405    });
406})(jQuery);