Posodabljanje predlog Liquid za skripte

Če v spletni trgovini izvajate skripte, morate preveriti, kako te vplivajo na strani na domači strani trgovine. Številne teme vključujejo kodo, ki podpira skripte, nekatere pa ne. Če vaša tema te kode nima, jo lahko dodate.

Odpravljanje težav

Večina težav s skriptami in temami vključuje skripte postavk, ki ponujajo popuste. Na primer, skupna cena naročila je pravilna, vendar cene postavk ne prikazujejo popustov. Stranke morajo razumeti, kako so njihovi popusti izračunani. Želijo videti prvotno ceno in ceno s popustom ter kratek opis popusta. Če kateri koli od teh podatkov v vaši košarici manjka, morate dodati kodo Liquid, da se prikažejo.

Dober način za preverjanje vpliva skripte na domačo stran trgovine je, da jo obiščete kot stranka in izvedete dejanja, ki sprožijo skripto.

Lastnosti Liquid objektov

Na naslednjih seznamih so navedene lastnosti Liquid objektov, ki so pogosto potrebne za podporo skriptam v košarici vaše trgovine:

Lastnosti objekta košarice:

Lastnosti postavke:

Objekt skripte:

  • Objekt skripte se lahko uporabi za vrnitev informacij o aktivnih skriptah trgovine. Ta objekt je lahko uporaben pri iskanju in odpravljanju napak v skriptah.

Primer

Naslednji primer opisuje spremembe, ki jih lahko naredite v predlogi cart.liquid za podporo skripti postavke.

Primer košarice

Če imate na primer košarico s tremi postavkami:

  • Nogometna žoga
    • Količina: 1
    • Cena na enoto: 15,00 $
  • Teniška žoga
    • Količina: 5
    • Cena na enoto: 5,00 $
  • Tekaški čevelj
    • Količina: 1
    • Cena na enoto: 30,00 $

In ste objavili skripto, ki uveljavi naslednje popuste:

  • 10 % popusta na dve ali več teniških žog
  • 5 $ popusta na vse čevlje

Nato je lahko vaša predloga cart.liquid preprosta tabela s seznamom postavk in povzetkom njihovih skupnih zneskov:

<table class="cart">
  <thead class="heading">
    <tr>
      <th>Product</th>
      <th>Quantity</th>
      <th>Total</th>
    </tr>
  </thead>

  <tbody class="line-items">
    {% for item in cart.items %}
    <tr>
      <td>{{ item.product.title }}</td>
      <td>{{ item.quantity }}</td>
      <td>{{ item.line_price | money }}</td>
    </tr>
    {% endfor %}
  </tbody>

  <tfoot class="summary">
    <tr>
      <td colspan="2">Total</td>
      <td>{{ cart.total_price | money }}</td>
    </tr>
  </tfoot>
</table>

S popusti, ki jih uveljavi skripta, ta predloga ustvari naslednjo tabelo za vašo košarico:

IzdelekKoličinaSkupaj
Nogometna žoga115,00 $
Teniška žoga522,50 $
Tekaški čevelj125,00 $
Skupaj62,50 $

Posodobitev postavk

Če želite prikazati popuste, ki jih uveljavi skripta, morate posodobiti postavke tako, da prikazujejo tri ključne podatke:

  • ceno postavke pred popusti
  • ceno postavke po popustih
  • sporočilo, ki opisuje uveljavljene popuste.

To storite tako, da uporabite naslednje lastnosti Liquid objektov:

  • line_item.total_discount vrne znesek popusta, ki je bil uveljavljen za postavko
  • line_item.original_line_price vrne ceno postavke pred popusti
  • line_item.message vrne sporočilo, ki opisuje popuste, uveljavljene za postavko.

Prvotno ceno postavke in ceno s popustom je lažje ločiti z uporabo učinka prečrtanega besedila:

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

Vaša košarica bi morala biti zdaj videti tako:

IzdelekKoličinaSkupaj
Nogometna žoga115,00 $
Teniška žoga522,50 $ 25,00 $ (10 % popusta na dve ali več teniških žog)
Tekaški čevelj125,00 $ 30,00 $ (5 $ popusta na vse čevlje)
Skupaj62,50 $

Posodobitev povzetka košarice

Da bi stranki pomagali slediti ceni njenega naročila, morate prikazati tudi:

  • prvotni vmesni seštevek košarice, da lahko stranke primerjajo skupne zneske pred popustom in po njem
  • skupne prihranke, ki jih je stranka prejela v svoji košarici.

Tudi tokrat za dodajanje teh informacij uporabite naslednje lastnosti Liquid objektov:

  • cart.total_discount vrne znesek popusta, uveljavljenega za kose v košarici
  • cart.original_total_price vrne vmesni seštevek košarice pred popusti.

S temi informacijami bo vaš posodobljeni blok .summary morda videti tako:

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

Tabela vaše košarice bi morala biti zdaj videti tako:

IzdelekKoličinaSkupaj
Nogometna žoga115,00 $
Teniška žoga522,50 $ 25,00 $ (10 % popusta na dve ali več teniških žog)
Tekaški čevelj125,00 $ 30,00 $ (5 $ popusta na vse čevlje)
Vmesni seštevek70,00 $
Prihranki s popustom7,50 $
Skupaj62,50 $

Z dodajanjem nekaj novih Liquid objektov v predloge lahko strankam pomagate razumeti, kako se izračunajo njihovi popusti.

Drugi primeri

Naslednji primer v Liquid prikazuje popuste za vsako postavko:

{% if item.original_line_price != item.line_price %}
  <small class="original-price"><s>{{ item.original_line_price | money }}</s></small>
  {% endif %}
  {{ item.line_price | money }}
  {% for discount in item.discounts %}
  <small class="discount">{{ discount.title }}</small>
  {% endfor %}

Oglejte si še en primer popusta, ki vključuje spremembe kode Liquid.