Liquid-komentojonomallien päivitys

Jos suoritat komentosarjoja verkkokaupassasi, sinun on tarkistettava, miten ne vaikuttavat kauppapaikkasi sivuihin. Monet teemat sisältävät koodia, jotka tukevat komentosarjoja, mutta joistakin teemoista tätä koodia ei löydy. Jos teemasi ei sisällä tarvittavaa koodia, voit lisätä sen.

Vianmääritys

Useimmat komentosarjoja ja teemoja koskevat ongelmat liittyvät rivikohtaisiin komentosarjoihin, jotka tarjoavat alennuksia. Esimerkiksi tilauksen kokonaishinta on oikea, mutta rivikohtaiset hinnat eivät näytä alennuksia. Asiakkaiden on ymmärrettävä, kuinka heidän alennuksensa lasketaan, ja he haluavat nähdä alkuperäisen ja alennetun hinnan sekä lyhyen kuvauksen alennuksesta. Jos ostoskorista puuttuu jokin näistä tiedoista, sinun on lisättävä tarvittava Liquid-koodi niiden näyttämiseen.

Yksi hyvä keino komentosarjan toiminnan tarkistamiseen on vierailla kaupassasi asiakkaana ja suorittaa komentosarjan käynnistävät toimet.

Liquid-objektin määritteet

Alla olevista luetteloista löydät tarvittavat Liquid-objektin määritteet, joita tarvitaan yleensä kauppasi ostoskorin komentosarjojen tukemiseen:

Ostoskoriobjektin määritteet:

Rivikohdan määritteet:

Komentosarjat-objekti:

  • Komentosarjat-objektin avulla palautat tietoja komentosarjoista, joita kauppa käyttää. Tästä objektista voi olla hyötyä, kun haluat korjata komentosarjoihin liittyviä virheitä.

Esimerkki

Seuraavassa esimerkissä kuvataan muutoksia, joiden avulla voit lisätä rivikohtaisen komentosarjan cart.liquid-malliin.

Esimerkki ostoskorista

Jos sinulla on esimerkiksi ostoskori, jossa on kolme rivikohtaa:

  • Jalkapallo - Määrä: 1

    • Yksikköhinta: 15,00 $
  • Tennispallo - Määrä: 5

    • Yksikköhinta: 5,00 $
  • Juoksukenkä - Määrä: 1

    • Yksikköhinta: 30,00 $

Ja olet julkaissut komentosarjan, joka lisää seuraavat alennukset:

  • 10 %:n alennus kahdesta tai useammasta tennispallosta
  • 5 dollarin alennus kaikista kengistä

Tämän jälkeen cart.liquid-malli saattaa olla yksinkertainen taulukko, jossa luetellaan rivikohdat ja yhteenveto niiden kokonaissummista:

<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>

Komentosarjan soveltamien alennusten kanssa tämä malli luo seuraavan taulukon ostoskorille:

Tuote Määrä Yhteensä
Jalkapallo 1 15,00 $
Tennispallo 5 22,50 $
Juoksukenkä 1 25,00 $
Yhteensä 62,50 $

Rivikohtien päivittäminen

Jos haluat näyttää komentosarjan soveltamat alennukset, sinun on ensin päivitettävä rivikohdat näyttämään kolme keskeistä tietoa:

  • rivikohdan hinta ennen alennuksia
  • rivikohdan hinta alennuksien jälkeen
  • viesti, jossa kuvataan sovelletut alennukset.

Tämä onnistuu seuraavien Liquid-objektin määritteiden avulla:

  • line_item.total_discount palauttaa rivikohtaan sovelletun alennussumman
  • line_item.original_line_price palauttaa rivikohdan hinnan ennen alennuksia
  • line_item.message palauttaa viestin, jossa kuvataan rivikohtaan sovelletut alennukset.

Jos haluat, että asiakas erottaa rivikohdan alkuperäisen ja alennetun hinnan vielä selkeämmin toisistaan, voit käyttää yliviivaustehostetta:

<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>

Ostoskortin pitäisi nyt näyttää tältä:

Tuote Määrä Yhteensä
Jalkapallo 1 15,00 $
Tennispallo 5 22,50 $ 25,00 $ (10 %:n alennus kahdesta tai useammasta tennispallosta)
Juoksukenkä 1 25,00 $ 30,00 $ (5 $:n alennus kaikista kengistä)
Yhteensä 62,50 $

Ostoskorin yhteenvedon päivittäminen

Jotta asiakkaasi voi seurata tilauksensa hintaa, sinun tulee myös näyttää:

  • ostoskorin alkuperäinen välisumma, jotta asiakkaasi voivat verrata alkuperäistä ja alennuksen jälkeistä kokonaissummaa
  • kuinka paljon rahaa asiakas säästää ostoskorissaan olevista tuotteista.

Jotta voit lisätä nämäkin tiedot, käytä seuraavia Liquid-objektin määritteitä:

  • cart.total_discount palauttaa ostoskorissa oleviin tuotteisiin sovelletun alennussumman
  • cart.original_total_price palauttaa ostoskorin välisumman ennen alennuksia.

Kun lisäät nämä tiedot, päivitetty .summary-lohko voi näyttää tältä:

<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>

Ostoskoritaulukon pitäisi nyt näyttää tältä:

Tuote Määrä Yhteensä
Jalkapallo 1 15,00 $
Tennispallo 5 22,50 $ 25,00 $ (10 %:n alennus kahdesta tai useammasta tennispallosta)
Juoksukenkä 1 25,00 $ 30,00 $ (5 $:n alennus kaikista kengistä)
Välisumma 70,00 $
Alennussäästöt 7,50 $
Yhteensä 62,50 $

Lisäämällä muutaman uuden Liquid-objektin malleihisi autat asiakkaitasi ymmärtämään, kuinka heidän alennuksensa lasketaan.

Muita esimerkkejä

Seuraava Liquid-esimerkki näyttää kunkin rivikohdan alennuksen:

  {% 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 %}

Katso toinen esimerkki alennuksesta, joka sisältää Liquid-koodilla tehdyt muutokset.

Oletko valmis aloittamaan myynnin Shopify-palvelussa?

Kokeile sitä ilmaiseksi