You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
1.0 KiB
JavaScript
29 lines
1.0 KiB
JavaScript
(function() {
|
|
|
|
// Triggers sticky add to cart on scroll.
|
|
const astraStickyAddToCart = document.querySelector( ".ast-sticky-add-to-cart" );
|
|
|
|
if( astraStickyAddToCart ) {
|
|
const scrollOffset = document.querySelector( '.product .single_add_to_cart_button' ).offsetTop;
|
|
window.addEventListener( "scroll", function() {
|
|
if ( window.scrollY >= scrollOffset ) {
|
|
astraStickyAddToCart.classList.add('is-active');
|
|
} else {
|
|
astraStickyAddToCart.classList.remove('is-active');
|
|
}
|
|
})
|
|
}
|
|
|
|
// Smooth scrolls if select option button is active.
|
|
const AstraSmoothScrollBtn = document.querySelector( ".ast-sticky-add-to-cart-action-wrap .single_link_to_cart_button" );
|
|
|
|
if( AstraSmoothScrollBtn ) {
|
|
AstraSmoothScrollBtn.addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
|
behavior: 'smooth',
|
|
});
|
|
});
|
|
}
|
|
|
|
})(); |