Choosing a selection results in a full page refresh.
Opens in a new window.
Select a purchase option to pre order this product
Countdown header Countdown message
DAYS
:
HRS
:
MINS
:
SECS
// Deze functie zorgt ervoor dat de Pre-order knop pas werkt nadat een variant is geselecteerd
document.addEventListener('DOMContentLoaded', function() {
// Controleer of de pagina een productpagina is
if (window.location.pathname.includes('/products/')) {
const preOrderButton = document.querySelector('.pre-order-button-class'); // Pas de class aan als dat nodig is
const variantSelector = document.querySelector('select[name="id"]'); // Dit is de standaard variantkeuzeselector in Shopify
// Controleer als er een variant is geselecteerd
if (preOrderButton && variantSelector) {
preOrderButton.disabled = true; // Zet de knop eerst uit
// Voeg een event listener toe om de knop in te schakelen wanneer een variant wordt gekozen
variantSelector.addEventListener('change', function() {
if (variantSelector.value) {
preOrderButton.disabled = false; // Zet de knop aan als een variant is geselecteerd
} else {
preOrderButton.disabled = true; // Zet de knop weer uit als er geen variant is geselecteerd
}
});
}
}
});
Select a purchase option to pre order this product
