Neu: Partner-/Influencer-Rabattcodes (Warenkorb, Checkout, Admin)
Neben dem allgemeinen Gutscheincode gibt es jetzt einen zweiten, unabhängigen "Partner-Rabattcode"-Slot — für Codes, die VanVan gezielt mit einzelnen Streamer:innen/Content-Creator:innen aushandelt. Kund:innen lösen ihn genauso ein wie einen Gutschein (eigene, optisch identische Box direkt unter dem Gutschein im Warenkorb bzw. im Checkout), beide Codes können unabhängig voneinander gleichzeitig aktiv sein und ihre Rabatte werden addiert (auf die Zwischensumme gedeckelt, damit der Preis nie unter 0 € fällt). Admin (Sveltia CMS): neuer Bereich "🤝 Partner-Rabattcodes", getrennt von den allgemeinen Gutscheinen geführt. Pro Code lässt sich hinterlegen, zu welcher Partnerin/welchem Partner er gehört (nur für VanVans eigene Übersicht, wird Kund:innen nirgends gezeigt), Prozent- ODER Betrags- Rabatt, optionales Ablaufdatum, ein "Aktiv"-Schalter zum Pausieren ohne Löschen, sowie ein freies Notizfeld für die vereinbarten Konditionen (z.B. Provision) — echtes automatisches Auswerten, wer wie oft welchen Code einlöst, bräuchte ein eigenes Backend (Phase 2) und ist bewusst nicht Teil dieser rein statischen Umsetzung. Nebenbei einen bestehenden Bug behoben: die define:vars-Variablenliste im Checkout-Skript war bei EN/CH/FR unvollständig (discountLabel, couponInvalid, Klarna-/Bank-Texte fehlten) — dadurch wären dort Teile der Checkout-Seitenleiste als "undefined" gerendert worden. Jetzt an die vollständige Liste der DE-Version angeglichen. Neu erstellte Dateien lokal mit Test-Codes durchgespielt (Gutschein + Partnercode gleichzeitig eingelöst, Rabatte korrekt addiert, Admin- Formular mit allen Feldern geprüft) und wieder auf leere Listen zurückgesetzt vor dem Commit. Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
co-authored by
Claude Sonnet 5
Claude Sonnet 5
parent
45f64b95ee
commit
6fc64e0972
@@ -134,6 +134,15 @@ const t = useTranslations(lang);
|
||||
<p class="small" id="coupon-status"></p>
|
||||
</div>
|
||||
<hr class="divider stitched" />
|
||||
<div class="coupon-row">
|
||||
<label for="partner-code-input">{t.cart.partnerCodeLabel}</label>
|
||||
<div class="coupon-input-group">
|
||||
<input type="text" id="partner-code-input" placeholder={t.cart.partnerCodePlaceholder} />
|
||||
<button type="button" id="partner-code-apply" class="btn btn-outline btn-sm">{t.cart.partnerCodeApply}</button>
|
||||
</div>
|
||||
<p class="small" id="partner-code-status"></p>
|
||||
</div>
|
||||
<hr class="divider stitched" />
|
||||
<h3>🚚 {t.checkout.shippingHintTitle}</h3>
|
||||
<p class="small">{t.checkout.shippingHint}</p>
|
||||
<a class="small" href="/fr/versand-zahlung/">{t.checkout.shippingLink}</a>
|
||||
@@ -142,19 +151,19 @@ const t = useTranslations(lang);
|
||||
</section>
|
||||
</Layout>
|
||||
|
||||
<script define:vars={{ freeLabel: t.checkout.free, totalLabel: t.checkout.total, shippingLabel: t.cart.shipping, emptyCartAlert: t.checkout.emptyCartAlert, thankYouPath: "/fr/checkout/danke/", checkoutLang: lang }}>
|
||||
<script define:vars={{ freeLabel: t.checkout.free, totalLabel: t.checkout.total, shippingLabel: t.cart.shipping, emptyCartAlert: t.checkout.emptyCartAlert, thankYouPath: "/fr/checkout/danke/", checkoutLang: lang, discountLabel: t.cart.discount, couponInvalid: t.cart.couponInvalid, couponAppliedTemplate: t.cart.couponApplied("__C__"), couponRemoveLabel: t.cart.couponRemove, klarnaConnectLabel: t.checkout.klarnaConnect, klarnaConnectingLabel: t.checkout.klarnaConnecting, klarnaConnectedLabel: t.checkout.klarnaConnected, bankHolderLabel: t.checkout.bankHolder, bankIbanLabel: t.checkout.bankIban, bankBicLabel: t.checkout.bankBic, bankBankNameLabel: t.checkout.bankBankName, bankPlaceholderLabel: t.checkout.bankPlaceholder, partnerDiscountLabel: t.cart.partnerDiscount, partnerCodeInvalid: t.cart.partnerCodeInvalid, partnerCodeAppliedTemplate: t.cart.partnerCodeApplied("__C__"), partnerCodeRemoveLabel: t.cart.partnerCodeRemove }}>
|
||||
// WICHTIG: define:vars-Skripte laufen als IIFE, keine "import"-Anweisungen möglich.
|
||||
window.__checkoutVars = { freeLabel, totalLabel, shippingLabel, emptyCartAlert, thankYouPath, checkoutLang, discountLabel, couponInvalid, couponAppliedTemplate, couponRemoveLabel, klarnaConnectLabel, klarnaConnectingLabel, klarnaConnectedLabel, bankHolderLabel, bankIbanLabel, bankBicLabel, bankBankNameLabel, bankPlaceholderLabel };
|
||||
window.__checkoutVars = { freeLabel, totalLabel, shippingLabel, emptyCartAlert, thankYouPath, checkoutLang, discountLabel, couponInvalid, couponAppliedTemplate, couponRemoveLabel, klarnaConnectLabel, klarnaConnectingLabel, klarnaConnectedLabel, bankHolderLabel, bankIbanLabel, bankBicLabel, bankBankNameLabel, bankPlaceholderLabel, partnerDiscountLabel, partnerCodeInvalid, partnerCodeAppliedTemplate, partnerCodeRemoveLabel };
|
||||
</script>
|
||||
<script type="module">
|
||||
import { getCart, cartTotal, appliedCoupon, couponDiscount, setCouponCode, clearCoupon, istAusgewaehlt } from "../../../scripts/cart";
|
||||
import { getCart, cartTotal, appliedCoupon, couponDiscount, setCouponCode, clearCoupon, appliedPartnerCode, partnerCodeDiscount, setPartnerCode, clearPartnerCode, totalDiscount, istAusgewaehlt } from "../../../scripts/cart";
|
||||
import { formatPrice } from "../../../i18n/format";
|
||||
import { products } from "../../../data/products";
|
||||
import { berechneVersandkosten } from "../../../data/versand";
|
||||
import { effektiverZeilenpreis } from "../../../data/rabatt";
|
||||
import { bankverbindung, bankverbindungVollstaendig } from "../../../data/bankverbindung";
|
||||
|
||||
const { freeLabel, totalLabel, shippingLabel, emptyCartAlert, thankYouPath, checkoutLang, discountLabel, couponInvalid, couponAppliedTemplate, couponRemoveLabel, klarnaConnectLabel, klarnaConnectingLabel, klarnaConnectedLabel, bankHolderLabel, bankIbanLabel, bankBicLabel, bankBankNameLabel, bankPlaceholderLabel } = window.__checkoutVars;
|
||||
const { freeLabel, totalLabel, shippingLabel, emptyCartAlert, thankYouPath, checkoutLang, discountLabel, couponInvalid, couponAppliedTemplate, couponRemoveLabel, klarnaConnectLabel, klarnaConnectingLabel, klarnaConnectedLabel, bankHolderLabel, bankIbanLabel, bankBicLabel, bankBankNameLabel, bankPlaceholderLabel, partnerDiscountLabel, partnerCodeInvalid, partnerCodeAppliedTemplate, partnerCodeRemoveLabel } = window.__checkoutVars;
|
||||
|
||||
const summary = document.getElementById("checkout-summary");
|
||||
const landSelect = document.getElementById("land");
|
||||
@@ -169,7 +178,9 @@ import { bankverbindung, bankverbindungVollstaendig } from "../../../data/bankve
|
||||
const shipping = cart.length === 0 ? 0 : berechneVersandkosten(land, cart.map((i) => ({ slug: i.slug, preis: i.preis, menge: i.menge })), products);
|
||||
const coupon = appliedCoupon();
|
||||
const discount = couponDiscount(subtotal);
|
||||
const total = Math.max(0, subtotal - discount) + shipping;
|
||||
const partnerCode = appliedPartnerCode();
|
||||
const partnerDiscount = partnerCodeDiscount(subtotal);
|
||||
const total = Math.max(0, subtotal - totalDiscount(subtotal)) + shipping;
|
||||
currentTotal = total;
|
||||
|
||||
summary.innerHTML = `
|
||||
@@ -179,6 +190,7 @@ import { bankverbindung, bankverbindungVollstaendig } from "../../../data/bankve
|
||||
return `<div class="row"><span>${i.menge}× ${i.name}</span><span>${formatPrice(zeilenpreis, checkoutLang)}</span></div>`;
|
||||
}).join("")}
|
||||
${coupon && discount > 0 ? `<div class="row"><span>${discountLabel}</span><span>-${formatPrice(discount, checkoutLang)}</span></div>` : ""}
|
||||
${partnerCode && partnerDiscount > 0 ? `<div class="row"><span>${partnerDiscountLabel}</span><span>-${formatPrice(partnerDiscount, checkoutLang)}</span></div>` : ""}
|
||||
<div class="row"><span>${shippingLabel}</span><span>${shipping === 0 ? freeLabel : formatPrice(shipping, checkoutLang)}</span></div>
|
||||
<div class="row total"><span>${totalLabel}</span><span>${formatPrice(total, checkoutLang)}</span></div>
|
||||
`;
|
||||
@@ -193,6 +205,17 @@ import { bankverbindung, bankverbindungVollstaendig } from "../../../data/bankve
|
||||
} else {
|
||||
couponStatus.textContent = couponInput.dataset.invalid === "1" ? couponInvalid : "";
|
||||
}
|
||||
|
||||
const partnerStatus = document.getElementById("partner-code-status");
|
||||
const partnerInput = document.getElementById("partner-code-input");
|
||||
if (partnerCode && partnerDiscount > 0) {
|
||||
partnerStatus.innerHTML = `✅ ${partnerCodeAppliedTemplate.replace("__C__", partnerCode.code)} <a href="#" id="partner-code-clear">✕ ${partnerCodeRemoveLabel}</a>`;
|
||||
partnerInput.value = partnerCode.code;
|
||||
const partnerClearLink = document.getElementById("partner-code-clear");
|
||||
if (partnerClearLink) partnerClearLink.addEventListener("click", (e) => { e.preventDefault(); clearPartnerCode(); renderSummary(); });
|
||||
} else {
|
||||
partnerStatus.textContent = partnerInput.dataset.invalid === "1" ? partnerCodeInvalid : "";
|
||||
}
|
||||
}
|
||||
|
||||
renderSummary();
|
||||
@@ -274,6 +297,15 @@ import { bankverbindung, bankverbindungVollstaendig } from "../../../data/bankve
|
||||
renderSummary();
|
||||
});
|
||||
|
||||
document.getElementById("partner-code-apply").addEventListener("click", () => {
|
||||
const input = document.getElementById("partner-code-input");
|
||||
const code = input.value.trim();
|
||||
if (!code) { clearPartnerCode(); renderSummary(); return; }
|
||||
setPartnerCode(code);
|
||||
input.dataset.invalid = appliedPartnerCode() ? "0" : "1";
|
||||
renderSummary();
|
||||
});
|
||||
|
||||
document.getElementById("checkout-form").addEventListener("submit", (e) => {
|
||||
e.preventDefault();
|
||||
if (cart.length === 0) {
|
||||
|
||||
Reference in New Issue
Block a user