https://sickcapital.com/catalog/view/theme/ronixa/javascript/ronixa_main_custom.js

1var  mobileNav , closeSide ;
2$(document).on('click', '.ronixa-header-mobile-nav > a, .ronixa-header-mobile-nav > button', function(e) {
3    e.preventDefault();
4    if ($('.mobile-nav').hasClass('ronixa-opened')) {
5    closeMobileNavigation();
6    } else {
7    openMenu();
8    }
9});
10
11$(document).on('click', '.ronixa-header-nav-opener', function(e) {
12    e.preventDefault();
13    var $this = $(this);
14    var $parent = $this.parent();
15
16    if ($parent.hasClass('opener-page')) {
17        $parent.removeClass('opener-page').find('> ul').slideUp(200);
18        $parent.removeClass('opener-page').find('.ronixa-header-dropdown-menu .container > ul, .ronixa-header-dropdown-menu > ul').slideUp(200);
19        $parent.find('> .ronixa-header-nav-opener').removeClass('ronixa-active');
20    } else {
21        $parent.addClass('opener-page').find('> ul').slideDown(200);
22        $parent.addClass('opener-page').find('.ronixa-header-dropdown-menu .container > ul, .ronixa-header-dropdown-menu > ul').slideDown(200);
23        $parent.find('> .ronixa-header-nav-opener').addClass('ronixa-active');
24    }
25
26});
27
28$(document).on('click touchstart', '.ronixa-close-side', function() {
29    closeMobileNavigation();
30});
31
32$(document).on('click', '.mobile-nav .login-side-opener, .mobile-nav .close-side-widget', function() {
33    closeMobileNavigation();
34});
35
36$(document).on('click', '.mobile-nav .ronixa-header-nav-mob-tab li', function(e) {
37    e.preventDefault();
38    var $this = $(this);
39    var menuName = $this.data('menu');
40
41    if ($this.hasClass('ronixa-active')) {
42        return;
43    }
44
45    $this.parent().find('.ronixa-active').removeClass('ronixa-active');
46    $this.addClass('ronixa-active');
47    $('.ronixa-header-nav-mobile').removeClass('ronixa-active');
48    $('.mobile-' + menuName + '-menu').addClass('ronixa-active');
49
50});
51
52
53function closeMobileNavigation() {
54    $('.mobile-nav').removeClass('ronixa-opened');
55    $('.ronixa-close-side').removeClass('ronixa-close-side-opened');
56    $('.mobile-nav .ronixa-header-searchform input[type=text]').blur();
57}
58
59function openMenu() {
60    $('.mobile-nav').addClass('ronixa-opened');
61    closeSide.addClass('ronixa-close-side-opened');
62}
63
64cartWidget = function() {
65var body = $('body');
66
67var cartWidgetSide = $('.ronixa-header-cart-widget-side');
68var closeSide = $('.ronixa-close-side');
69
70$(document).on('click', '.cart-widget-opener', function(e) {
71    if (!isCart() && !isCheckout()) {
72        e.preventDefault();
73    }
74
75    if (isOpened()) {
76        closeWidget();
77    } else {
78        setTimeout(function() {
79            openWidget();
80        }, 10);
81    }
82});
83
84$('body').on('click touchstart', '.ronixa-close-side', function() {
85    if (isOpened()) {
86        closeWidget();
87    }
88});
89
90$('body').on('click', '.close-side-widget', function(e) {
91    e.preventDefault();
92    if (isOpened()) {
93        closeWidget();
94    }
95});
96
97$(document).on('keyup', function(e) {
98    if (e.keyCode === 27 && isOpened()) {
99        closeWidget();
100    }
101});
102
103function closeWidget() {
104    cartWidgetSide.removeClass('ronixa-opened');
105    closeSide.removeClass('ronixa-close-side-opened');
106}
107
108function openWidget() {
109    if (isCart() || isCheckout()) {
110        return false;
111    }
112    cartWidgetSide.addClass('ronixa-opened');
113    closeSide.addClass('ronixa-close-side-opened');
114}
115
116function isOpened() {
117    return cartWidgetSide.hasClass('ronixa-opened');
118}
119
120function isCart() {
121    return $('body').hasClass('ronixa-cart');
122}
123
124function isCheckout() {
125    return $('body').hasClass('ronixa-checkout');
126}
127};
128
129$(document).ready(function() {
130mobileNav   = $('.mobile-nav');
131closeSide = $('.ronixa-close-side');
132cartWidget();
133loginSidebar();
134});
135
136
137function loginSidebar() {
138var body = $('body');
139var loginFormSide = $('.login-form-side');
140var closeSide = $('.ronixa-close-side');
141
142$('.login-side-opener').on('click', function(e) {
143    if (!loginFormSide.length) {
144        return;
145    }
146
147    e.preventDefault();
148
149    if (isOpened()) {
150        closeWidget();
151    } else {
152        setTimeout(function() {
153            openWidget();
154        }, 10);
155    }
156});
157
158body.on('click touchstart', '.ronixa-close-side', function() {
159    if (isOpened()) {
160        closeWidget();
161    }
162});
163
164body.on('click', '.close-side-widget', function(e) {
165    e.preventDefault();
166    if (isOpened()) {
167        closeWidget();
168    }
169});
170
171$(document).on('keyup', function(e) {
172    if (e.keyCode === 27 && isOpened()) {
173        closeWidget();
174    }
175});
176
177function closeWidget() {
178    loginFormSide.removeClass('ronixa-opened');
179    closeSide.removeClass('ronixa-close-side-opened');
180}
181
182function openWidget() {
183    loginFormSide.find('form').removeClass('hidden-form');
184    loginFormSide.addClass('ronixa-opened');
185    closeSide.addClass('ronixa-close-side-opened');
186}
187
188if (loginFormSide.find('.ronixa-notices-wrapper > ul').length > 0) {
189    openWidget();
190}
191
192function isOpened() {
193    return loginFormSide.hasClass('ronixa-opened');
194}
195}
196
197
198
199
200
201//Header-Sticky
202
203function headerBuilder() {
204    var $header         = $(document).find('.ronixa-theme-header'),
205        $headerBanner   = $('.header-banner'),
206        $stickyElements = $('.ronixa-header-sticky-row'),
207        $firstSticky    = '',
208        $window         = $(window),
209        isSticked       = false,
210        stickAfter      = 300,
211        cloneHTML       = '',
212        previousScroll,
213        isHideOnScroll  = $header.hasClass('ronixa-header-hide-on-scroll');
214
215    $stickyElements.each(function() {
216        var $this = $(this);
217
218        if ($this[0].offsetHeight > 10) {
219            $firstSticky = $this;
220            return false;

221        }
222    });
223
224    // Real header sticky option
225    if ($header.hasClass('ronixa-header-sticky-real') || $header.hasClass('ronixa-header-scroll-slide')) {
226        var $adminBar = $('#wpadminbar');
227        var headerHeight = $header.find('.ronixa-header-main-header')[0].offsetHeight;
228        var adminBarHeight = $adminBar.length > 0 ? $adminBar[0].offsetHeight : 0;
229
230        if ($header.hasClass('ronixa-header-sticky-real')) {
231            // if no sticky rows
232            if ($firstSticky.length === 0 || $firstSticky[0].offsetHeight < 10 || 'undefined' !== typeof builderFrontend && builderFrontend.isEditMode()) {
233                return;
234            }
235
236            $header.addClass('ronixa-header-sticky-prepared').css({
237                paddingTop: headerHeight
238            });
239
240            stickAfter = Math.ceil($firstSticky.offset().top) - adminBarHeight;
241        }
242
243        if ($header.hasClass('ronixa-header-scroll-slide')) {
244            stickAfter = headerHeight + adminBarHeight;
245        }
246    }
247
248    if ($header.hasClass('ronixa-header-sticky-clone')) {
249        var data = [];
250
251        cloneHTML = cloneHTML.replace(/<%([^%>]+)?%>/g, function(replacement) {
252            var selector = replacement.slice(2, -2);
253
254            return $header.find(selector).length ? $('<div>').append($header.find(selector).first().clone()).html() : (data[selector] !== undefined) ? data[selector] : '';
255        });
256
257        cloneHTML = cloneHTML.replace(/<link[^>]*>/g, '');
258
259        $header.after(cloneHTML);
260        $header = $header.parent().find('.ronixa-header-clone');
261
262        $header.find('.ronixa-header-row').removeClass('ronixa-header-flex-equal-sides').addClass('ronixa-header-flex-flex-middle');
263    }
264
265    $window.on('scroll', function() {
266        var after = stickAfter;
267        var currentScroll = $window.scrollTop();
268        var windowHeight = $window.height();
269        var documentHeight = $(document).height();
270
271        if ($headerBanner.length > 0 && $body.hasClass('header-banner-display')) {
272            after += $headerBanner[0].offsetHeight;
273        }
274
275        if (!$('.close-header-banner').length && $header.hasClass('ronixa-header-scroll-stick')) {
276            after = stickAfter;
277        }
278
279        if (currentScroll > after) {
280            stickHeader();
281        } else {
282            unstickHeader();
283        }
284
285        var startAfter = 100;
286
287        if ($header.hasClass('ronixa-header-scroll-stick')) {
288            startAfter = 500;
289        }
290
291        if (isHideOnScroll) {
292            if (previousScroll - currentScroll > 0 && currentScroll > after) {
293                $header.addClass('ronixa-header-scroll-up');
294                $header.removeClass('ronixa-header-scroll-down');
295            } else if (currentScroll - previousScroll > 0 && currentScroll + windowHeight !== documentHeight && currentScroll > (after + startAfter)) {
296                $header.addClass('ronixa-header-scroll-down');
297                $header.removeClass('ronixa-header-scroll-up');
298            } else if (currentScroll <= after) {
299                $header.removeClass('ronixa-header-scroll-down');
300                $header.removeClass('ronixa-header-scroll-up');
301            } else if (currentScroll + windowHeight >= documentHeight - 5) {
302                $header.addClass('ronixa-header-scroll-up');
303                $header.removeClass('ronixa-header-scroll-down');
304            }
305        }
306
307        previousScroll = currentScroll;
308    });
309
310    function stickHeader() {
311        if (isSticked) {
312            return;
313        }
314
315        isSticked = true;
316        $header.addClass('ronixa-header-sticked');
317        menuDropdownRecalc();
318    }
319
320    function unstickHeader() {
321        if (!isSticked) {
322            return;
323        }
324
325        isSticked = false;
326        $header.removeClass('ronixa-header-sticked');
327        menuDropdownRecalc();
328    }
329
330    function menuDropdownRecalc() {
331        if (!$header.hasClass('ronixa-header-boxed')) {
332            return;
333        }
334    }
335
336}
337
338$(document).ready(function() {
339    headerBuilder();
340});
341
342
343//Vertical Line Js
344$window.on("load", (function() {
345
346    $('.ronixa-header-dropdown-menu').each(function() {
347        var content = $(this);
348        content.attr('style', '');
349
350        var offsetLeft = content.offset().left;
351        var offsetRight = $(window).width() - (offsetLeft + content.outerWidth());
352        var offsetLeft_1 = '';
353        var offsetRight_1 = '';
354
355        if ($(window).width() > 991) {
356            if (offsetRight <= 0) {
357                if (content.parents('.menu-main-navigation').length > 0){
358                    if(!content.find('.shop-menu-transform').length){
359                        content.css('left', offsetRight );
360                    }
361                }
362            } 
363            if (offsetLeft <= 0) {
364                if (content.parents('.menu-main-navigation').length > 0){
365                    if(!content.find('.shop-menu-transform').length){
366                        content.css('right', offsetLeft );
367                    }
368                }
369            }
370            if(content.find('.shop-menu-transform').length > 0){
371                var section_w_100 = content.find('.shop-menu-transform');
372                section_w_100.attr('style', '');
373        
374                offsetLeft_1 = section_w_100.offset().left;
375                offsetRight_1 = $(window).width() - (offsetLeft_1 + section_w_100.outerWidth());
376                content.css('left', offsetRight_1 );
377
378            }
379        }
380    });
381
382    if($(".account-boxes").length>0){
383        boxesClick();
384        }
385
386}));
387    
388function boxesClick(){
389    $('.account-boxes a[href="'+location.href+'"]').addClass('active');
390    if($('.account-boxes a.active').length){
391        $('.vertical-line').css('top' , $('.account-boxes a.active')[0].offsetTop);
392    }
393    $(".account-boxes a").on({
394        mouseenter: function () {
395            $('.vertical-line').css('top' , $(this)[0].offsetTop);
396        },
397        mouseleave: function () {
398            if($('.account-boxes a.active').length){
399                $('.vertical-line').css('top' , $('.account-boxes a.active')[0].offsetTop);
400            }
401        }
402    });
403}
404  
405jQuery.event.special.touchstart = {
406    setup: function( _, ns, handle ) {
407        this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
408    }
409};
410jQuery.event.special.touchmove = {
411    setup: function( _, ns, handle ) {
412        this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
413    }
414};
415jQuery.event.special.wheel = {
416    setup: function( _, ns, handle ){
417        this.addEventListener("wheel", handle, { passive: true });
418}}
419
420