Products – My Store

Products

document.addEventListener('DOMContentLoaded', function () { const applePayButton = document.querySelector('#apple-pay-button'); // Replace with your button's actual ID or class if (applePayButton && Shopify.PaymentRequest) { applePayButton.addEventListener('click', function () { // Get selected variant ID from Shopify product form const productForm = document.querySelector('form[action^="/cart/add"]'); const formData = new FormData(productForm); const selectedVariantId = formData.get('id'); // Variant ID const quantity = formData.get('quantity') || 1; // Get quantity (default to 1 if not set) if (!selectedVariantId) { alert('Please select a product variant first.'); return; } // Clear the cart first fetch('/cart/clear.js', { method: 'POST' }) .then(() => { // Add the selected variant to the cart return fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: selectedVariantId, quantity: quantity }) }); }) .then(() => { // Trigger Shopify Payment Request API const paymentRequest = Shopify.PaymentRequest({ total: { label: Shopify.shop, // Store name amount: ShopifyAnalytics.meta.product.variants.find(variant => variant.id == selectedVariantId).price / 100 // Convert cents to dollars }, requestShipping: true }); paymentRequest.show(); }) .catch(error => { console.error('Apple Pay Error:', error); alert('Something went wrong with Apple Pay.'); }); }); } });