Tinkinti „Liquid“ blokai spausdintiems kvitams

Galite naudoti tinkintą „Liquid“ bloką norėdami pridėti savo turinį į spausdinto kvito antraštę arba poraštę, pavyzdžiui, išsamią užsakymo informaciją, kliento informaciją, produkto savybes, metalaukus ir brūkšninius kodus.

Tinkinti „Liquid“ blokai pateikiami spausdintuose kvituose, skirtuose įvykdytiems internetiniams ir „Point of Sale“ užsakymams. Jie nėra atvaizduojami užsakymuose, kuriuose atsiskaitoma neprisijungus.

Pridėti tinkintą „Liquid“ bloką galite „Shopify“ administratoriaus kvito vaizdiniame redaktoriuje. Jūsų nurodytos reikšmės išgaunamos iš kvito duomenų spausdinant kvitą. Pavyzdžiui, toliau pateiktas „Liquid“ kodas prie kvito prideda užsakymo pastabą, jei ji yra:

{% if order.note %}
  <p>Order note: {{ order.note }}</p>
{% endif %}

„Liquid“ sintaksės taisyklės

Prieš kurdami tinkintą „Liquid“ bloką, peržiūrėkite šias sintaksės taisykles:

  • Kintamųjų pavadinimuose naudojamos mažosios raidės ir pabraukimo brūkšniai – toks formatas vadinamas „snake_case“. Pavyzdžiui, naudokite order.total_price, order.customer.display_name ir order.line_items.
  • Pinigų reikšmės yra paprasti skaičiai. Formatuokite juos naudodami filtrą money, pavyzdžiui, {{ order.total_price | money }}.
  • Apsaugokite pasirenkamas reikšmes naudodami if sąlygą, kad nebūtų atspausdinta tuščia eilutė, pavyzdžiui, {% if order.customer.email %}{{ order.customer.email }}{% endif %}.
  • Pereikite sąrašus naudodami for ciklą, pavyzdžiui, {% for item in order.line_items %} ... {% endfor %}.
  • Kai kurios „Liquid“ žymos nepalaikomos. Negalite naudoti assign, capture, include, render, raw, increment ar decrement. Jei jūsų bloke naudojama nepalaikoma žyma, jūsų kvitas nebus išsaugotas ir matysite klaidą.
  • Tinkintame „Liquid“ bloke gali būti iki 50 KB kodo.

HTML ir CSS

Norėdami struktūrizuoti turinį, tinkintame „Liquid“ bloke galite naudoti paprastą HTML, pvz., <p>, <br>, <strong>, <em>, antraštes, sąrašus ir nuorodas. Turiniui bus pritaikyti esami kvito šriftai ir dydžiai.

Negalite naudoti CSS norėdami pakeisti kvito išvaizdą. Blokai <style> ir atributai style nepalaikomi, todėl tinkintas „Liquid“ blokas negali pakeisti stiliaus arba paslėpti kito kvite esančio turinio. Žymos <script>, įvykių apdorojimo funkcijos, pvz., onclick, ir nuorodos javascript: taip pat nepalaikomos.

Jei jūsų bloke yra nepalaikomo HTML, kvitas nebus išsaugotas ir matysite klaidą. Pašalinkite nepalaikomą HTML ir išsaugokite dar kartą.

Kintamieji ir objektai

Tinkintas „Liquid“ blokas gali nurodyti šiuos objektus ir kintamuosius. Kai kurių reikšmių numatytajame kvite nėra, todėl tinkintas „Liquid“ blokas yra vienas iš būdų jas pridėti.

Aukščiausiojo lygio kintamieji

Tinkintame „Liquid“ bloke galima naudoti toliau nurodytus aukščiausiojo lygio kintamuosius.

Tinkintam „Liquid“ blokui prieinamų aukščiausiojo lygio kintamųjų aprašas
KintamasisAprašas
order
Spausdinamas užsakymas.
shop
Parduotuvė.
location
Mažmeninės prekybos vieta.
settings
Kvito rodymo nuostatos, t. y. redaktoriuje sukonfigūruoti perjungikliai.
purchased_gift_cards
Su šiuo užsakymu nupirktos dovanų kortelės.
staff_member_description
Priskirtas personalo narys, kai įjungtas personalo rodymas.
locale
Kvito lokalė, pavyzdžiui, „en“.
is_pickup
Nurodo, ar tai yra atsiėmimo užsakymas.
pickup_location
Atsiėmimo vieta, jei taikoma.

Užsakymo objektas

Užsakymo objekto aprašas
SavybėAprašas
name
Užsakymo pavadinimas, pavyzdžiui, #1001.
created_at
Užsakymo laiko žyma. Naudokite su filtru date.
note
Užsakymo pastaba.
subtotal_price
Tarpinė suma. Formatuokite su filtru money.
total_price
Suma. Formatuokite su filtru money.
shipping_price
Apmokestintas pristatymas. Formatuokite su filtru money.
total_tip_received
Arbatpinigių suma. Formatuokite su filtru money.
balance_due
Suma, kurią dar reikia sumokėti. Formatuokite su filtru money.
change_due
Duota grąža. Formatuokite su filtru money.
taxes_included
Ar mokesčiai įtraukti į kainas.
receipt_number
Kvito numeris.
barcode_content
Turinys, kurį reikia užkoduoti brūkšniniame kode.
qr_code_content
Turinys, kurį reikia užkoduoti QR kode. Naudokite su filtru qrcode.
line_items
Įsigyti daiktai. Kiekvieno daikto savybės pateiktos užsakymo prekių pozicijos objekte.
transactions
Mokėjimai. Kiekvieno mokėjimo savybės pateiktos operacijos objekte.
discounts
Užsakymo lygio nuolaidos. Kiekvienos nuolaidos savybės pateiktos nuolaidos objekte.
tax_lines
Mokesčių eilutės. Kiekvienos mokesčių eilutės savybės pateiktos mokesčių eilutės objekte.
refunds
Užsakymo pinigų grąžinimai.
shipping_address
Pristatymo adresas. Adreso ypatybės pateiktos adreso objekte.
customer
Išsami kliento informacija, pateikta kliento objekte.
metafields
Užsakymo metalaukai.

Kliento objektas

order.customer objekte pateikiama išsami kliento informacija.

Kliento objekto aprašymas
SavybėAprašas
display_name
Kliento rodomas vardas.
first_name
Kliento vardas.
last_name
Kliento pavardė.
email
Kliento el. pašto adresas.
phone
Kliento telefono numeris.
default_address
Numatytasis kliento adresas.
metafields
Kliento metalaukai.

Užsakymo prekių pozicijos objektas

Kiekvienas daiktas, esantis order.line_items , turi šias ypatybes.

Užsakymo prekių pozicijos objekto aprašymas
SavybėAprašas
name
Produkto arba pozicijos pavadinimas.
variant_title
Variantas, pvz., didelis / mėlynas.
sku
SKU.
vendor
Pardavėjas.
quantity
Kiekis.
price
Vieneto kaina. Formatuokite naudodami money filtrą.
total_price
Pozicijos suma. Formatuokite naudodami money filtrą.
discounted_total_price
Pozicijos suma pritaikius nuolaidas. Formatuokite naudodami money filtrą.
discounted_unit_price
Vieneto kaina pritaikius nuolaidas. Formatuokite naudodami money filtrą.
discounts
Pozicijai pritaikytos nuolaidos.
selling_plan_name
Prenumeratos arba pardavimo plano pavadinimas, jei toks yra.
staff_member_description
Pozicijai priskirtas personalo narys.
custom_attributes
Prekių pozicijos ypatybės, pasiekiamos pagal raktą.
product_metafields
Produkto metalaukai, pasiekiami pagal raktą.
variant_metafields
Varianto metalaukai, pasiekiami pagal raktą.

Operacijos objektas

Kiekvienas mokėjimas, esantis order.transactions , turi šias ypatybes. Užsakymui išleistas parduotuvės kreditas pateikiamas kaip mokėjimas, pavadintas „Store credit“. Likęs kliento parduotuvės kreditas nėra pasiekiamas kaip kintamasis.

Operacijos objekto aprašymas
SavybėAprašas
name
Mokėjimo pavadinimas, pvz., „Visa“, grynieji pinigai arba parduotuvės kreditas.
payment_type
Mokėjimo tipo kodas.
amount
Suma. Formatuokite naudodami money filtrą.
kind
Operacijos rūšis.
status
Operacijos būsena.
credit_card_number
Užmaskuotas kortelės numeris, jei taikoma.
created_at
Operacijos laiko žyma.
additional_details
Papildomos mokėjimo informacijos eilutės.

Parduotuvės objektas

shop objekte pateikiama išsami parduotuvės informacija.

Parduotuvės objekto aprašymas
SavybėAprašas
name
Parduotuvės pavadinimas.
domain
Parduotuvės domenas.
currency
Parduotuvės valiuta.
id
Parduotuvės ID.

Vietos objektas

location objekte pateikiama išsami mažmeninės prekybos vietos informacija.

Vietos objekto aprašymas
SavybėAprašas
name
Vietos pavadinimas.
address1
Pirmoji adreso eilutė.
address2
Antroji adreso eilutė.
city
Miestas.
province
Provincija arba valstija.
province_code
Provincijos arba valstijos kodas.
zip
ZIP arba pašto kodas.
country
Šalis.
phone
Telefono numeris.
metafields
Vietos metalaukai.

Adreso objektas

Adresas, pvz., order.shipping_address arba order.customer.default_address, turi šias ypatybes.

Adreso objekto aprašymas
SavybėAprašas
company
Įmonės pavadinimas.
name
Gavėjo vardas ir pavardė.
address1
Pirmoji adreso eilutė.
address2
Antroji adreso eilutė.
city
Miestas.
province
Provincija arba valstija.
province_code
Provincijos arba valstijos kodas.
zip
ZIP arba pašto kodas.
country
Šalis.
country_code
Šalies kodas.
phone
Telefono numeris.

Nuolaidos objektas

Kiekviena nuolaida, esanti order.discounts arba item.discounts , turi šias ypatybes.

Nuolaidos objekto aprašymas
SavybėAprašas
description
Nuolaidos aprašymas.
amount
Nuolaidos suma. Formatuokite naudodami money filtrą.
percentage
Nuolaidos procentinė dalis.

Mokesčių eilutės objektas

Kiekviena mokesčių eilutė, esanti order.tax_lines , turi šias ypatybes.

Mokesčių eilutės objekto aprašymas
SavybėAprašas
title
Mokesčio pavadinimas.
rate
Mokesčio tarifas dešimtaine trupmena.
rate_percentage
Mokesčio tarifas procentais.
price
Mokesčio suma. Formatuokite naudodami money filtrą.
taxable_amount
Apmuitinama suma. Formatuokite naudodami money filtrą.

Dovanų kortelės objektas

Kiekviena dovanų kortelė, esanti purchased_gift_cards , turi šias ypatybes.

Dovanų kortelės objekto aprašymas
SavybėAprašas
code
Dovanų kortelės kodas.
masked_code
Užmaskuotas dovanų kortelės kodas.
balance
Dovanų kortelės likutis. Formatuokite naudodami filtrą money.
created_at
Dovanų kortelės laiko žyma.
qr_code_content
Turinys, kurį reikia užkoduoti QR kode.

Metalaukai ir savybės

Metalaukai ir prekių pozicijų savybės gali būti dviejų tipų.

Prekių pozicijų metalaukams ir savybėms priskiriami raktai. Pasiekite reikšmę tiesiogiai pagal jos raktą:

{{ item.product_metafields.care_instructions }}
{{ item.custom_attributes.engraving }}

Užsakymų ir klientų metalaukai yra sąrašai. Cikliškai eikite per juos:

{% for m in order.metafields %}
  {{ m.namespace }}.{{ m.key }}: {{ m.value }}
{% endfor %}

Raktai yra normalizuojami į „snake_case“. Prie rakto, pvz., Care Instructions arba careInstructions, prieinama naudojant care_instructions. Raktines reikšmes visada nurodykite mažosiomis raidėmis su pabraukimo brūkšniais.

Užsakymų ir klientų metalaukų prieinamumas priklauso nuo to, ar tie metalaukai egzistuoja įraše.

„Liquid“ filtrai

Galite naudoti filtrus informacijai formatuoti pasirinktiniame „Liquid“ bloke. Norėdami pritaikyti filtrą, pridėkite vertikalų brūkšnį |, o tada filtrą „Liquid“ išvestyje, pvz., {{ order.total_price | money }}.

Taip pat veikia standartiniai „Liquid“ filtrai. Norėdami sužinoti daugiau apie „Liquid“ filtrus, žr. Filtrų žinyną.

Pasirinktiniame „Liquid“ bloke prieinamų filtrų aprašas
FiltrasPavyzdysAprašas
money
{{ order.total_price | money }}
Suformatuoja sumą kvito valiuta.
date
{{ order.created_at | date: '%B %e, %Y' }}
Suformatuoja datą arba laiką.
percent
{{ tax_line.rate | percent }}
Suformatuoja dešimtainę trupmeną kaip procentą, pvz., 0,2 kaip 20 %.
t
{{ 'receipt.total' | t }}
Pateikia išverstą etiketę.
barcode
{{ order.barcode_content | barcode }}
Atvaizduoja brūkšninį kodą.
qrcode
{{ order.qr_code_content | qrcode }}
Atvaizduoja QR kodą.

Pasirinktinių „Liquid“ blokų pavyzdžiai

Šiuose pavyzdžiuose pridedamas turinys, kurio nėra numatytajame atspausdinto kvito šablone.

Norėdami pridėti užsakymo pastabą, jei ji yra, naudokite šį „Liquid“ kodą:

{% if order.note %}<p>Note: {{ order.note }}</p>{% endif %}

Norėdami pridėti SKU šalia kiekvieno daikto, naudokite šį „Liquid“ kodą:

{% for item in order.line_items %}
  <p>{{ item.name }} — {{ item.sku }} ×{{ item.quantity }}</p>
{% endfor %}

Norėdami pridėti prekių pozicijos savybę, pvz., graviravimą, naudokite šį „Liquid“ kodą:

{% for item in order.line_items %}
  {% if item.custom_attributes.engraving %}
    <p>{{ item.name }} — Engraving: {{ item.custom_attributes.engraving }}</p>
  {% endif %}
{% endfor %}

Norėdami pridėti produkto metalauką, pvz., priežiūros instrukcijas, naudokite šį „Liquid“ kodą:

{% for item in order.line_items %}
  {% if item.product_metafields.care_instructions %}
    <p>{{ item.name }}: {{ item.product_metafields.care_instructions }}</p>
  {% endif %}
{% endfor %}

Norėdami pridėti kliento metalauką, naudokite šį „Liquid“ kodą:

{% for m in order.customer.metafields %}
  {% if m.key == 'loyalty_tier' %}<p>Loyalty tier: {{ m.value }}</p>{% endif %}
{% endfor %}

Norėdami pridėti QR kodą, kuris nukreipia į užsakymą, naudokite šį „Liquid“ kodą:

{{ order.qr_code_content | qrcode }}