(It > De) ...

Die Idee, die schrittweise unter aktiver Beteiligung anhand eines realen Online-Testbeispiels entwickelt und umgesetzt werden soll, könnte folgendermaßen aussehen:
1) Erstellen Sie einen Coupon mit einem Rabatt auf die Gesamtbestellung, z. B. mit dem Namen „Sonderangebot_zeitlich_Rabatt“ oder einfach „XYZ“.
2) Zeigen Sie einen zusätzlichen Warnhinweis an, der auf den zeitlich begrenzten Rabatt hinweist, der auf den Gesamtbetrag angewendet wird.
3) Fügen Sie in cart/index (Schritt 0) den Couponnamen „zeitlich_Sonderangebot_Rabatt“ automatisch per Skript ein und validieren Sie ihn durch einen simulierten Klick auf den entsprechenden Button.

Warnung und Coupon werden nur aktiviert, wenn das Gültigkeitsdatum noch nicht abgelaufen ist.
Eine zusätzliche Prüfung stellt sicher, dass der Coupon nach dem festgelegten Datum nicht von anderen verwendet wurde. Möglicherweise könnte das Coupon-Feld ausgeblendet werden, wenn es nicht für andere Zwecke benötigt wird ...

.

ciao

.

Hallo KolAsim,

das habe ich jetzt nicht ganz verstanden ???

Gruß

KLAUS

Habe es jetzt Verstanden.

Danke Dir

Sieht dann so aus.

... ja, genau, ... Sie können dem Coupon ein Start- und Ablaufdatum zuweisen, aber wir sehen später, wie man das überprüft...

... wenn Sie den Link zu Ihrem Beispiel-Onlineshop posten, ist das für die Auswertung hilfreich...

... Probieren Sie zunächst diesen von mir erstellten Benachrichtigungscode mit einem Ablaufdatum am 3. November aus, der auf den Produktseiten im Warenkorb, Katalog, in den Produktübersichten, der Warenkorbsuche usw. eingefügt werden kann...

... Ich habe es Ihnen leicht gemacht, das Ablaufdatum und den Text anzupassen:

<script>
/** -- messaggio EXTRA con scadenza by KolAsim -- **/
$(function(){
let scadenzaK = "3/11/2025", tipoK = "scontoK";
let [g,m,a]=scadenzaK.split('/'), dataScadenzaK=new Date(a,m-1,g), oggiK=new Date(), mesi=["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], dataTxt=`${g} ${mesi[m-1]} ${a}`;
let testoK = `&#127881; <strong>Achtung!</strong><br>Es gibt einen <strong>vorübergehenden Rabatt</strong> auf den Gesamtkaufpreis!<br>Gültig bis zum <strong>${dataTxt}</strong>.`;
/** --- fK --- **/
let messaggioK = `<div id="avvisoScontoK"> <div class="chiudiK" aria-label="chiudiK"> <svg viewBox="0 0 20 20"><path d="M11.41 10l4.3-4.29a1 1 0 0 0-1.42-1.42L10 8.59 5.71 4.29A1 1 0 0 0 4.29 5.7L8.59 10l-4.3 4.29a1 1 0 1 0 1.42 1.42L10 11.41l4.29 4.3a1 1 0 0 0 1.42-1.42Z"/></svg> </div>${testoK}</div>`;
if(oggiK<=dataScadenzaK){ $('head').append(`<style> #avvisoScontoK{position:fixed;top:20px;right:20px;background:${tipoK=="scontoK"?"linear-gradient(135deg,#ffeb3b,#ff9800)":tipoK=="info"?"linear-gradient(135deg,#2196f3,#64b5f6)":"linear-gradient(135deg,#e74c3c,#f44336)"}; color:#000;font:bold 14px Arial;padding:15px 50px 15px 20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.4); z-index:99999;max-width:300px;opacity:0;transform:translateY(-20px);transition:.4s ease-out} #avvisoScontoK.show{opacity:1;transform:translateY(0)} #avvisoScontoK .chiudiK{position:absolute;top:6px;right:6px;cursor:pointer;width:24px;height:24px;background:#e74c3c; border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s;box-shadow:0 0 3px rgba(0,0,0,.3)} #avvisoScontoK .chiudiK:hover{background:#ff5c4c;transform:scale(1.2)} #avvisoScontoK .chiudiK svg{width:12px;height:12px;fill:#fff} @media(max-width:400px){#avvisoScontoK{right:10px;left:10px;max-width:calc(100%-20px);padding:12px 40px 12px 15px;font-size:13px}} </style>`); $('body').append(messaggioK); setTimeout(()=>$('#avvisoScontoK').addClass('show'),200); $('#avvisoScontoK .chiudiK').on('click',()=>$('#avvisoScontoK').fadeOut(300,function(){$(this).remove();})); } });
</script>

...........................

.

.