Hose Vorlage erstellen
Bevor du startest, ein Paar wichtige Infos für deine Anfrage !
- Wenn du unbedruckte Produkte aus unserem Sortiment bestellen möchtest, musst du keine Konfiguration durchführen.
- Bei Produkten unserer Partner Stanley/Stella und L-SHOP-TEAM gib bitte die Artikelnummer an. Popup´s zu den Artikeln findest du unten.
- PLATZIERUNG DEINES LOGOS: Lade deine Veredelungsdatei bei „Datei Auswählen“ hoch und platziere sie an der gewünschten Position. Klicke anschließend auf dein Motiv, um Größe, Position und Details individuell anzupassen.
- Bitte lade dein LOGO direkt unter dem Konfigurator nochmal in hoher Auflösung hoch, damit wir die bestmögliche Veredelung sicherstellen können.
Stanley/Stella PopupL-SHOP-TEAM Popup
<script>
// Funktion zum Hinzufügen des beforeunload Event-Listeners
function addBeforeUnloadListener() {
window.addEventListener('beforeunload', beforeUnloadHandler);
}
// Funktion zum Entfernen des beforeunload Event-Listeners
function removeBeforeUnloadListener() {
window.removeEventListener('beforeunload', beforeUnloadHandler);
}
// Handler-Funktion für das beforeunload Event
function beforeUnloadHandler(e) {
const message = "Sind Sie sicher, dass Sie die Seite verlassen möchten? Ihre Änderungen könnten verloren gehen.";
(e || window.event).returnValue = message; // Für alte Browser
return message; // Für moderne Browser
}
// Event-Listener für das Laden der Seite
window.addEventListener('load', function () {
// Füge den beforeunload Event-Listener hinzu
addBeforeUnloadListener();
// Selektiere alle WooCommerce-Buttons (Beispiel: '.add_to_cart_button' Klasse)
const wooCommerceButtons = document.querySelectorAll('.button');
// Füge Event-Listener für Klicks auf WooCommerce-Buttons hinzu
wooCommerceButtons.forEach(function(button) {
button.addEventListener('click', function() {
// Entferne den beforeunload Event-Listener
removeBeforeUnloadListener();
// Optional: Füge den beforeunload Event-Listener nach einer kurzen Verzögerung wieder hinzu
setTimeout(addBeforeUnloadListener, 1000);
});
});
});
</script>
