Oppdaterer Liquid-malene dine for Scripts

Hvis du kjører skript i nettbutikken din, må du sjekke hvordan de påvirker sidene i utstillingsvinduet. Mange temaer inneholder kode for å støtte skriptene dine, men noen av dem gjør ikke det. Dersom temaet ditt ikke har koden, kan du legge den til.

Feilsøking

De fleste problemer med skript og temaer involverer linjeelementskript som tilbyr rabatter. For eksempel er totalprisen for bestillingen riktig, men linjevareprisene viser ikke rabattene. Kundene må forstå hvordan rabattene beregnes. De vil se den opprinnelige og den rabatterte prisen i tillegg til en kort beskrivelse av rabatten. Hvis noen av disse detaljene mangler i handlekurven, må du legge til Liquid-koden slik at de blir synlige.

En god måte å sjekke hvordan skriptet ditt påvirker utstillingsvinduet på, er å besøke butikken som en kunde og utføre handlingene som utløser skriptet.

Egenskaper for Liquid-objekt

Følgende lister inneholder Egenskaper for Liquid-objekt som vanligvis kreves for å støtte skript i butikkens handlekurv:

Egenskaper for handlekurv-objekt:

Egenskaper for linjeelement:

Skriptobjekt:

  • Skriptobjekterkan brukes til å returnere informasjon om de aktive skriptene i en butikk. Dette objektet kan være nyttig ved feilsøking av skript.

Eksempel

Det følgende eksempelet beskriver endringene du kan gjøre i cart.liquid-malen for å støtte et linjevareskript.

Eksempel på handlekurv

For eksempel: Hvis du har en handlekurv med tre linjeelementer:

  • Fotball

    • Mengde: 1
    • Enhetspris: $ 15,00
  • Tennisball

    • Mengde: 5
    • Enhetspris: $ 5,00
  • Løpesko

    • Mengde: 1
    • Enhetspris: $ 30,00

Og du har publisert et skript som bruker følgende rabatter:

  • 10 % rabatt på to eller flere tennisballer
  • $ 5 rabatt på alle sko

Deretter kancart.liquid-malen være en enkel tabell som viser linjeelementene og et sammendrag av totalbeløpene:

class="cart">class="heading">ProductQuantityTotalclass="line-items">{% for item in cart.items %}{{ item.product.title }}{{ item.quantity }}{{ item.line_price | money }}{% endfor %}class="summary">colspan="2">Total{{ cart.total_price | money }}< / tfoot >

Med rabattene som brukes av skriptet, oppretter denne malen følgende tabell for handlekurven:

Produkt Antall Totalt
Fotball 1 $ 15,00
Tennisball 5 $ 22,50
Løpesko 1 $ 25,00
Totalt $ 62,50

Oppdater linjevarene

For å vise rabattene som brukes av skriptet, må vi oppdatere linjeelementene for å vise tre nøkkelopplysninger:

  • linjeprisen før rabatter
  • linjeprisen etter rabatter
  • en melding som beskriver rabattene som ble brukt.

For å gjøre dette må du bruke følgende egenskaper for Liquid-objekt:

  • line_item.total_discountReturnerer rabattbeløpet som har blitt brukt på linjevaren
  • line_item.original_line_priceReturnerer linjevarens pris før rabattene
  • line_item.messageReturnerer en melding som beskriver rabattene som ble lagt til på linjevaren.

Det kan hjelpe med å skille den opprinnelige linjeprisen fra den rabatterte linjeprisen ved å bruke en gjennomstrekingseffekt:

class="line-items">{% for item in cart.items %}{{ item.product.title }}{{ item.quantity }}{{ item.line_price }} {% if item.total_discount > 0 %}{{ item.original_line_price }}( {{ item.message }} ) {% endif %}{% endfor %}

Handlekurven din skal nå se slik ut:

Produkt Antall Totalt
Fotball 1 $ 15,00
Tennisball 5 $ 22,50$ 25,00(10 % rabatt på to eller flere tennisballer)
Løpesko 1 $ 25,00$ 30,00($ 5 rabatt på alle sko)
Totalt $ 62,50

Oppdater handlekurvsammendraget

For å hjelpe kunden med å holde oversikt over totalprisen, bør du også vise:

  • den opprinnelige delsummen av handlekurven, slik at kundene kan sammenligne prisen før og etter rabatten ble lagt til
  • det totale beløpet kunden har spart.

直到Igjen, legge denne informasjonen,菅直人dubruke følgende Liquid-objektegenskaper:

  • cart.total_discountReturnerer rabattbeløpet som gjelder for varer i handlekurven
  • cart.original_total_priceReturnerer delsummen av handlekurven før rabatter.

Med denne informasjonen kan den oppdaterte.summary-blokken din se slik ut:

class="summary">colspan="2">Subtotal{{ cart.original_total_price | money }}colspan="2">Discount Savings{{ cart.total_discount | money }}colspan="2">Total{{ cart.total_price | money }}< / tfoot >

Handlekurvtabellen skal nå se slik ut:

Produkt Antall Totalt
Fotball 1 $ 15,00
Tennisball 5 $ 22,50$ 25,00(10 % rabatt på to eller flere tennisballer)
Løpesko 1 $ 25,00$ 30,00($ 5 rabatt på alle sko)
Totalsum $ 70,00
Beløp spart på grunn av rabatt 7,50 $
Totalt $ 62,50

Ved legge直到noen奈Liquid-objekteri malene dine, kan du hjelpe kundene med å forstå hvordan rabattene beregnes.

Andre eksempler

Følgende Liquid-eksempel viser rabattene for hver enkelt linjevare:

{%ifitem.original_line_price!=item.line_price%}{{item.original_line_price|money}}{%endif%}{{item.line_price|money}}{%fordiscountinitem.discounts%}{{discount.title}}{%endfor%}

Se et annetrabatteksempelsom inkluderer Liquid-kodeendringene.

Er du klar til å begynne å selge med Shopify?

Prøv det gratis