f4ecdcf947
Use site()->visit() to properly set language context for virtual pages. This ensures UI translations and language-specific content work correctly on both /slug (French) and /en/slug (English) routes. Changes: - Add site()->visit($page, $lang) in routes to set page language - Create product controller for language detection - Fix add-to-cart button to update text in .txt div instead of button - Remove broken hooks approach Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
70 lines
1.8 KiB
JavaScript
70 lines
1.8 KiB
JavaScript
(function() {
|
|
const cart = new ShopifyCart({
|
|
domain: 'nv7cqv-bu.myshopify.com',
|
|
storefrontAccessToken: 'dec3d35a2554384d149c72927d1cfd1b'
|
|
});
|
|
|
|
const addToCartBtn = document.querySelector('[data-shopify-add-to-cart]');
|
|
|
|
if (!addToCartBtn) {
|
|
return;
|
|
}
|
|
|
|
const buttonTextDiv = addToCartBtn.querySelector('.txt[data-button-text]');
|
|
|
|
if (!buttonTextDiv) {
|
|
console.error('Button text div not found');
|
|
return;
|
|
}
|
|
|
|
const texts = {
|
|
add: addToCartBtn.dataset.textAdd || 'Add to cart',
|
|
adding: addToCartBtn.dataset.textAdding || 'Adding...',
|
|
added: addToCartBtn.dataset.textAdded || 'Added! ✓',
|
|
error: addToCartBtn.dataset.textError || 'Error - Try again'
|
|
};
|
|
|
|
addToCartBtn.addEventListener('click', async function(e) {
|
|
e.preventDefault();
|
|
|
|
const variantId = this.dataset.variantId;
|
|
|
|
if (!variantId) {
|
|
console.error('No variant ID found');
|
|
return;
|
|
}
|
|
|
|
addToCartBtn.disabled = true;
|
|
const originalText = buttonTextDiv.textContent;
|
|
buttonTextDiv.textContent = texts.adding;
|
|
|
|
try {
|
|
const cartResult = await cart.addToCart(variantId, 1);
|
|
|
|
buttonTextDiv.textContent = texts.added;
|
|
addToCartBtn.classList.add('success');
|
|
|
|
document.dispatchEvent(new CustomEvent('cart:updated', {
|
|
detail: { cart: cartResult }
|
|
}));
|
|
|
|
setTimeout(() => {
|
|
addToCartBtn.disabled = false;
|
|
buttonTextDiv.textContent = originalText;
|
|
addToCartBtn.classList.remove('success');
|
|
}, 1500);
|
|
|
|
} catch (error) {
|
|
console.error('Error adding to cart:', error);
|
|
|
|
buttonTextDiv.textContent = texts.error;
|
|
addToCartBtn.classList.add('error');
|
|
|
|
setTimeout(() => {
|
|
addToCartBtn.disabled = false;
|
|
buttonTextDiv.textContent = originalText;
|
|
addToCartBtn.classList.remove('error');
|
|
}, 2000);
|
|
}
|
|
});
|
|
})();
|