Edit File: sticky-add-to-cart.js
/*global storefront_sticky_add_to_cart_params */ ( function () { document.addEventListener( 'DOMContentLoaded', function () { const stickyAddToCart = document.getElementsByClassName( 'storefront-sticky-add-to-cart' ); if ( ! stickyAddToCart.length ) { return; } // eslint-disable-next-line camelcase if ( typeof storefront_sticky_add_to_cart_params === 'undefined' ) { return; } const trigger = document.getElementsByClassName( storefront_sticky_add_to_cart_params.trigger_class ); if ( trigger.length > 0 ) { const 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 let productId = null; document.body.classList.forEach( function ( item ) { if ( item.substring( 0, 7 ) === 'postid-' ) { productId = item.replace( /[^0-9]/g, '' ); } } ); if ( productId ) { const product = document.getElementById( 'product-' + productId ); if ( product ) { if ( ! product.classList.contains( 'product-type-simple' ) && ! product.classList.contains( 'product-type-external' ) ) { const selectOptions = document.getElementsByClassName( 'storefront-sticky-add-to-cart__content-button' ); selectOptions[ 0 ].addEventListener( 'click', function ( event ) { event.preventDefault(); document .getElementById( 'product-' + productId ) .scrollIntoView(); } ); } } } } } ); } )();