Temablock för appen
Gibbonds temaillägg lägger till tre delar i din butik — en kundvagnswidget, en remsa i kundvagnslådan och nivåanpassade prismärkningar. Inga inkluderade skript; allt är ett app-block eller en app-inbäddning för Online Store 2.0 som du styr från temaredigeraren.
Det här får du
| Block | Typ | Var det visas |
|---|---|---|
| Cart Loyalty Widget | App-block | Inuti mallen för kundvagnssidan |
| Cart Drawer Loyalty | App-inbäddning | Ditt temas AJAX-kundvagnslåda / minikundvagn |
| Loyalty Price Annotations | App-inbäddning | Varje sida — märker priser för nivåmedlemmar |
App-block kontra app-inbäddning. Ett app-block läggs till i en specifik sektion/mall via Lägg till block. En app-inbäddning slås på globalt från panelen App-inbäddningar (pusselbitsikonen längst ned i temaredigerarens vänstra panel).
1 · Cart Loyalty Widget
Ett innehållsrikt lojalitetskort på kundvagnssidan. För inloggade medlemmar visar det saldot och nivåmärket direkt, en uppskattning av ”poäng du tjänar” med en uppdelning per artikel, befintliga rabattkoder med Använd i ett klick och en rullgardinsmeny med belöningar att lösa in. Kunder som inte är medlemmar ser en Gå med-knapp; gäster ser en uppmaning att logga in.
Dina belöningar★ GoldSå lägger du till den
- Onlinebutik → Teman → Anpassa
Öppna ditt tema i redigeraren.
- Växla till mallen Kundvagn
Använd mallväljaren längst upp för att öppna Kundvagn.
- Lägg till block → Appar
I kundvagnssektionen klickar du på Lägg till block och väljer Cart Loyalty Widget.
- Placera & konfigurera
Dra den dit du vill, justera inställningarna nedan och klicka sedan på Spara.
Inställningar
| Inställning | Typ | Standard |
|---|---|---|
| Färgschema | val (1–4) | scheme-1 |
| Rubrik | text | Your Rewards |
| Accentfärg | färg | #4c6ef5 |
| Visa poänguppskattning | kryssruta | on |
| Visa belöningar & inlösen | kryssruta | on |
| Visa befintliga rabattkoder | kryssruta | on |
| Text för inloggningsuppmaning | text | Sign in to view your loyalty rewards |
2 · Cart Drawer Loyalty
En kompakt remsa som infogas i ditt temas utfällbara kundvagnslåda: saldo + nivåmärke + ”Tjäna X poäng” + en Lös in-länk för medlemmar, en Gå med-knapp för kunder som inte är medlemmar och en inloggningsteaser för gäster. Den visas när lådan öppnas och tas bort när den stängs.
Så lägger du till den
- Temaredigerare → App-inbäddningar
Klicka på pusselbitsikonen längst ned i vänstra panelen.
- Slå på ”Cart Drawer Loyalty”
Expandera den för att ställa in alternativ och klicka sedan på Spara.
Inställningar
| Inställning | Typ | Standard |
|---|---|---|
| Accentfärg | färg | #4c6ef5 |
| CSS-väljare för kundvagnslåda | text | cart-drawer, .cart-drawer, #CartDrawer, … |
| Widgetens position | val | Before checkout button |
Visas inte widgeten i lådan? Ditt tema använder ett icke-standardiserat lådelement. Uppdatera CSS-väljaren för kundvagnslåda så att den matchar ditt temas låd-container (kommaseparerade väljare stöds).
3 · Loyalty Price Annotations
För inloggade medlemmar vars nivå ger rabatt märker den här app-inbäddningen priser i hela butiken — den stryker över originalpriset och visar nivåpriset som ett märke eller en inline-text. Den följer din nivås STACK kontra BEST_PRICE-beteende och håller priserna uppdaterade även medan kunderna bläddrar och filtrerar.
Så lägger du till den
- Temaredigerare → App-inbäddningar
Öppna panelen App-inbäddningar.
- Slå på ”Loyalty Price Annotations”
Ställ in märkfärgen, visningsstilen och (vid behov) prisväljaren, och klicka sedan på Spara.
Inställningar
| Inställning | Typ | Standard |
|---|---|---|
| Märkfärg | färg | #8B5CF6 |
| CSS-väljare för pris (avancerat) | text | .price-item--regular, .price .money, … |
| Visningsstil | val | Badge / Inline-text |
Märkningar visas bara för inloggade kunder på en nivå med en rabatt större än noll. Gäster och kunder på basnivån ser ingenting.
Alla butikstexter går att översätta och levereras med många språk direkt (engelska, tyska, franska, italienska, spanska, portugisiska, danska, finska, norska, svenska, polska). Kundvänd text lokaliseras automatiskt efter butikens språk.