Shop Birthday Outfits for Women Online in India – Page 4

□

website

window.addEventListener('AddItemToCart', function(event) { const productVariantId = event.detail; // Perform AJAX request to add item to cart fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: productVariantId, quantity: 1, }], sections: 'cart-drawer,cart-icon-bubble' }) }) .then(response => response.json()) .then(data => { console.log('Item added to cart:', data); document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true })); }) .catch((error) => { console.error('Error adding item to cart:', error); }); }); $(document).ready(function() { // Cache the main add to cart area and sticky add to cart button elements var $mainAddToCart = $('.Product__Info'); // Replace with your actual selector for the main add to cart area var $stickyAddToCart = $('#stickycart'); // Replace with your actual selector for the sticky add to cart button // Initially hide the sticky add to cart button $stickyAddToCart.hide(); // Function to check visibility of main add to cart area function checkAddToCartVisibility() { // Check if the main add to cart area is visible in the viewport var isVisible = $mainAddToCart.is(':visible') && $mainAddToCart.offset().top < $(window).scrollTop() + $(window).height() && $mainAddToCart.offset().top + $mainAddToCart.outerHeight() > $(window).scrollTop(); // Toggle sticky add to cart button based on visibility if (isVisible) { $stickyAddToCart.hide(); } else { $stickyAddToCart.show(); } } // Run the check on scroll and on load $(window).on('scroll resize', checkAddToCartVisibility); checkAddToCartVisibility(); // Initial check }); $(document).ready(function() { // Show the first tab content by default $(".tab-content .tab").hide(); $(".tab-content .tab:first").show(); // Handle click on tab link $(".tab-links li").click(function(event) { event.preventDefault(); // Remove active class from all tabs and content $(".tab-links li").removeClass("active"); $(".tab-content .tab").removeClass("active").hide(); // Add active class to clicked tab and show the corresponding content $(this).addClass("active"); var target = $(this).find("a").attr("href"); $(target).addClass("active").show(); }); $('.recrecenttab a').on('click', function(){ $('.recrecenttab a').removeClass('active'); $(this).addClass('active'); var isssss = $(this).attr('data_title'); $('.producttab').each(function(){ var isssssss = $(this).attr('data_title'); if(isssssss == isssss){ $(this).show(); // alert(isssss); }else{ $(this).hide(); } }); }); });