Zipper Phone Case Phone Case Crossbody – IcyShop

25% Sale

Welcome to our store

document.addEventListener('DOMContentLoaded', function() { var productForm = document.querySelector('form[action="/cart/add"]'); var customImageInput = document.getElementById('custom_image'); // Assicurati che l'ID corrisponda var songNameInput = document.getElementById('song_name'); // Campo del nome della canzone var spotifyUrlInput = document.getElementById('spotify_url'); // Campo dell'URL di Spotify var addToCartButton = productForm.querySelector('button[type="submit"]'); // Trova il pulsante di submit // Funzione per disabilitare il pulsante Aggiungi al carrello function toggleAddToCartButton() { if (customImageInput.files.length > 0 && songNameInput.value.trim() !== '' && spotifyUrlInput.value.trim() !== '') { addToCartButton.disabled = false; // Abilita il pulsante quando tutti i campi sono compilati } else { addToCartButton.disabled = true; // Disabilita il pulsante se uno dei campi è vuoto } } // Inizializza lo stato del pulsante al caricamento della pagina toggleAddToCartButton(); // Aggiungi l'evento di ascolto su tutti i campi (immagine, nome canzone, URL Spotify) customImageInput.addEventListener('change', toggleAddToCartButton); songNameInput.addEventListener('input', toggleAddToCartButton); spotifyUrlInput.addEventListener('input', toggleAddToCartButton); // Aggiungi un listener di submit per prevenire l'aggiunta al carrello se uno dei campi non è stato compilato productForm.addEventListener('submit', function(event) { if (customImageInput.files.length === 0 || songNameInput.value.trim() === '' || spotifyUrlInput.value.trim() === '') { event.preventDefault(); // Impedisce l'invio del modulo alert('Per aggiungere questo prodotto al carrello, devi caricare un\'immagine, inserire il nome della canzone e fornire l\'URL di Spotify.'); } }); });