Temablokker for app
Gibbond-temautvidelsen legger til tre elementer i butikken — en handlekurv-widget, en stripe i handlekurv-skuffen og prisangivelser som tar hensyn til nivået. Ingen innsprøytede skript; alt er en Online Store 2.0 app-blokk eller app-innbygging som du styrer fra temaredigereren.
Dette får du
| Blokk | Type | Hvor den vises |
|---|---|---|
| Cart Loyalty Widget | App-blokk | Inne i handlekurvsidens mal |
| Cart Drawer Loyalty | App-innbygging | Temaets AJAX-handlekurvskuff / mini-handlekurv |
| Loyalty Price Annotations | App-innbygging | Hver side — angir priser for nivåmedlemmer |
App-blokk vs. app-innbygging. En app-blokk legges til i en bestemt seksjon/mal via Legg til blokk. En app-innbygging slås på globalt fra App-innbygginger-panelet (puslespillbrikke-ikonet nederst i temaredigererens venstre panel).
1 · Cart Loyalty Widget
Et rikt lojalitetskort på handlekurvsiden. For innloggede medlemmer viser det saldoen og nivåmerket umiddelbart, et estimat over «poeng du tjener» med en oversikt per vare, eksisterende rabattkoder med ettrykks Bruk, og en nedtrekksmeny for å løse inn belønninger. Kunder som ikke er påmeldt, ser en Bli med-knapp; gjester ser en innloggingsoppfordring.
Dine belønninger★ GoldSlik legger du den til
- Online Store → Temaer → Tilpass
Åpne temaet ditt i redigereren.
- Bytt til Cart-malen
Bruk malvelgeren øverst til å åpne Cart.
- Legg til blokk → Apper
I handlekurvseksjonen klikker du Legg til blokk og velger Cart Loyalty Widget.
- Plasser & konfigurer
Dra den dit du vil ha den, juster innstillingene nedenfor, og klikk Lagre.
Innstillinger
| Innstilling | Type | Standard |
|---|---|---|
| Fargeskjema | velg (1–4) | scheme-1 |
| Overskrift | tekst | Your Rewards |
| Aksentfarge | farge | #4c6ef5 |
| Vis poengestimat | avkrysningsboks | on |
| Vis belønninger & innløsning | avkrysningsboks | on |
| Vis eksisterende rabattkoder | avkrysningsboks | on |
| Tekst for innloggingsoppfordring | tekst | Sign in to view your loyalty rewards |
2 · Cart Drawer Loyalty
En kompakt stripe som sprøytes inn i temaets utglidende handlekurvskuff: saldo + nivåmerke + «Tjen X poeng» + en Løs inn-lenke for medlemmer, en Bli med-knapp for ikke-påmeldte kunder, og en innloggingsteaser for gjester. Den vises når skuffen åpnes og fjerner seg selv når den lukkes.
Slik legger du den til
- Temaredigerer → App-innbygginger
Klikk puslespillbrikke-ikonet nederst i venstre panel.
- Slå på «Cart Drawer Loyalty»
Utvid den for å angi alternativer, og klikk Lagre.
Innstillinger
| Innstilling | Type | Standard |
|---|---|---|
| Aksentfarge | farge | #4c6ef5 |
| CSS-velger for handlekurvskuff | tekst | cart-drawer, .cart-drawer, #CartDrawer, … |
| Widget-posisjon | velg | Before checkout button |
Vises ikke widgeten i skuffen? Temaet ditt bruker et ikke-standard skuffelement. Oppdater CSS-velger for handlekurvskuff slik at den matcher temaets skuffcontainer (kommaseparerte velgere støttes).
3 · Loyalty Price Annotations
For innloggede medlemmer hvis nivå gir rabatt, markerer denne app-innbyggingen priser over hele butikken — den stryker over den opprinnelige prisen og viser nivåprisen som et merke eller inline-tekst. Den følger oppførselen for nivåets STACK vs. BEST_PRICE og holder prisene oppdatert selv mens kundene blar og filtrerer.
Slik legger du den til
- Temaredigerer → App-innbygginger
Åpne App-innbygginger-panelet.
- Slå på «Loyalty Price Annotations»
Angi merkefarge, visningsstil og (om nødvendig) prisvelgeren, og klikk Lagre.
Innstillinger
| Innstilling | Type | Standard |
|---|---|---|
| Merkefarge | farge | #8B5CF6 |
| CSS-velger for pris (avansert) | tekst | .price-item--regular, .price .money, … |
| Visningsstil | velg | Badge / Inline-tekst |
Angivelser vises bare for innloggede kunder på et nivå med en rabatt større enn null. Gjester og kunder på grunnivået ser ingenting.
Alle butikktekster kan oversettes og leveres med mange språk fra start (engelsk, tysk, fransk, italiensk, spansk, portugisisk, dansk, finsk, norsk, svensk, polsk). Kundevendt tekst lokaliseres automatisk etter butikkspråket.