/*global storefront_sticky_add_to_cart_params */ ( function() { document.addEventListener( 'DOMContentLoaded', function() { var stickyAddToCart = document.getElementsByClassName( 'storefront-sticky-add-to-cart' ); if ( ! stickyAddToCart.length ) { return; } if ( typeof storefront_sticky_add_to_cart_params === 'undefined' ) { return; } var trigger = document.getElementsByClassName( storefront_sticky_add_to_cart_params.trigger_class ); if ( trigger.length > 0 ) { var stickyAddToCartToggle = function() { if ( ( trigger[0].getBoundingClientRect().top + trigger[0].scrollHeight ) < 0 ) { stickyAddToCart[0].classList.add( 'storefront-sticky-add-to-cart--slideInDown' ); stickyAddToCart[0].classList.remove( 'storefront-sticky-add-to-cart--slideOutUp' ); } else if ( stickyAddToCart[0].classList.contains( 'storefront-sticky-add-to-cart--slideInDown' ) ) { stickyAddToCart[0].classList.add( 'storefront-sticky-add-to-cart--slideOutUp' ); stickyAddToCart[0].classList.remove( 'storefront-sticky-add-to-cart--slideInDown' ); } }; stickyAddToCartToggle(); window.addEventListener( 'scroll', function() { stickyAddToCartToggle(); } ); // Get product id var product_id = null; document.body.classList.forEach( function( item ){ if ( 'postid-' === item.substring( 0, 7 ) ) { product_id = item.replace( /[^0-9]/g, '' ); } } ); if ( product_id ) { var product = document.getElementById( 'product-' + product_id ); if ( product ) { if ( ! product.classList.contains( 'product-type-simple' ) && ! product.classList.contains( 'product-type-external' ) ) { var selectOptions = document.getElementsByClassName( 'storefront-sticky-add-to-cart__content-button' ); selectOptions[0].addEventListener( 'click', function( event ) { event.preventDefault(); document.getElementById( 'product-' + product_id ).scrollIntoView(); } ); } } } } } ); } )();