$( window ).scroll( function () { inViewport(); } ); $( '.page-singleitem .choose-unique, .clicknscroll' ).on( 'click', function ( event ) { scrollToUnique(); } ); $( '.unique-gallery' ).on( 'click', 'button', function ( event ) { $( this ).hide().parent().find( '.item' ).slideDown( 300 ); } ); $( '.si .rating' ).on( 'click', function ( event ) { event.preventDefault(); var $container = $( "html,body" ); var $scrollTo = $( '.feedback-ratings' ); var scrollingElement = (document.scrollingElement || document.body); scrollingElement.scrollTop = scrollingElement.scrollHeight; $container.animate( { scrollTop: $scrollTo.offset().top - $container.offset().top - 100, scrollLeft: 0 }, 1000 ); } ); $( '.unique-gallery img' ).featherlight(); document.addEventListener( 'onVariationChanged', function () { // new variation is loaded setTimeout( function () { // wait until vue rendering is done MagicZoom.refresh( 'zoom' ); setTimeout( function () { MagicZoom.switchTo( 'zoom', 0 ); }, 100 ); }, 100 ); } ); window.ceresStore.dispatch("loadComponent", "basket-preview"); setTimeout( function () { checkBasket(); }, 3000 ); function checkBasket() { var testingShit = parseInt( $( '.main-header .toggle-basket .amount' ).text() ); if ( testingShit >= 1 ) { $( '.gal .item' ).removeClass( 'active' ); $( '.basket-preview li:visible > .item-property-value > span > span' ).each( function ( index, el ) { var xyz = $.trim( $( this ).text().replace( '.', '' ) ); if ( xyz != '' ) { $( '.gal .item.' + xyz ).addClass( 'active' ); } } ); } else { $( '.gal .item' ).removeClass( 'active' ); } } function inViewport() { $( '.add2b' ).each( function () { var divPos = $( window ).scrollTop(); if ( divPos > 1500 ) { $( this ).addClass( 'not-visible' ); } else { $( this ).removeClass( 'not-visible' ); } } ); if ($( window ).scrollTop() > 750 && $(window).outerWidth() >= 992 ) { $('#fstick').addClass('stick'); } else { $('#fstick').removeClass('stick'); } } function scrollToUnique() { event.preventDefault(); var $container = $( "html,body" ); var $scrollTo = $( '.bottom-area' ); $( '#tab0' ).click(); if ( $( '#tab0_mobile:checked' ).is( ':checked' ) ) { } else { $( '#tab0_mobile' ).click(); } $container.animate( { scrollTop: $scrollTo.offset().top - $container.offset().top - 100, scrollLeft: 0 }, 300 ); } if ($('.tabs .tab:visible').length == 0 && $(window).innerWidth() >= 992) { $('label[for="tab1"]').click() }