Editorul de cod pentru chitanțe imprimate pentru Shopify POS
Vă puteți personaliza dovezile de plată imprimate folosind editorul de cod din panoul de administrare Shopify. Fișierele care alcătuiesc dovezile de plată conțin Liquid, limbajul de șabloane Shopify. Cu editorul de cod, puteți crea personalizări mai avansate folosind HTML, CSS și Liquid decât cu editorul vizual.
Puteți modifica șablonul de chitanță și șabloanele de secțiuni utilizate pe chitanțele imprimate. Fișierele șablon de tip Chitanțe sunt tipurile de chitanțe pe care le puteți imprima în magazinul dvs. Secțiunile sunt părți ale chitanțelor, cum ar fi antetul sau subsolul. Secțiunile pot fi reutilizate de mai multe chitanțe.
Pe această pagină
- Considerații privind utilizarea editorului de cod pentru dovezile de plată
- Accesarea editorului de cod
- Utilizarea fișierelor personalizate în șablonul dovezii de plată
- Resetarea șablonului dovezii de plată la valorile implicite
- Variabile Liquid disponibile în editorul de cod pentru dovezile de plată
- Filtre Liquid disponibile în editorul de cod pentru dovezile de plată
- Exemplu de personalizare a codului șablonului pentru dovada de plată imprimată
- Previzualizarea modificărilor de cod în editorul de cod
Aspecte de luat în considerare la utilizarea editorului de cod pentru chitanțe
Înainte de a utiliza editorul de cod pentru chitanțe, examinați următoarele aspecte:
Restricții de acces
- Puteți utiliza editorul de cod numai din panoul de administrare Shopify de pe desktop.
- Editorul de cod nu este disponibil pentru nicio locație POS din Italia.
Unde se aplică modificările
- Modificările de cod pe care le efectuați se aplică doar locației selectate.
- Personalizările din editorul de cod se aplică numai locațiilor POS Pro. Dacă folosiți editorul de cod și aveți locații care nu sunt POS Pro, atunci puteți folosi editorul vizual pentru a personaliza antetul și subsolul pentru locațiile respective.
- Puteți personaliza chitanțele tipărite care au un șablon în editorul de cod, cum ar fi chitanțele de vânzare, chitanțele pentru cadou, chitanțele pentru carduri cadou și chitanțele de retur și schimb.
Limbaje de cod
- Fișierele care alcătuiesc dovezile de plată conțin Liquid, limbajul de șabloane Shopify. Aflați mai multe despre utilizarea Liquid.
- Pentru a edita șabloanele în editorul de cod pentru dovezile de plată, trebuie să fiți familiarizat(ă) cu HTML, CSS și Liquid. Asistența pentru teme Shopify vă poate ajuta cu ajustări minore în domeniul de aplicare al Politicii de design Shopify.
Limitări de personalizare
- Nu puteți previzualiza chitanțele în diferite dimensiuni de imprimantă din editorul de cod. Pentru a previzualiza în funcție de dimensiunea imprimantei, utilizați editorul vizual.
- Descrierile produselor nu sunt disponibile ca variabilă în șabloanele de chitanțe și nu pot fi adăugate pe chitanțele imprimate.
Întreținerea șablonului
- Dacă personalizați o chitanță cu editorul de cod pentru chitanțe, este posibil ca din șablonul dumneavoastră existent să lipsească proprietăți noi, precum
selling_plan_name. Pentru a adăuga cele mai recente proprietăți disponibile în șablonul dumneavoastră, trebuie să resetați șablonul de chitanță la valorile implicite. Resetarea șabloanelor de chitanțe la valorile implicite elimină orice personalizări pe care le-ați efectuat. Notați-vă codul personalizat înainte de a reseta. După ce resetați șablonul, va trebui să reaplicați manual personalizările.
Accesarea editorului de cod
Vă puteți edita șabloanele folosind editorul de cod. Mai întâi, trebuie să comutați la utilizarea editorului de cod de la editorul vizual implicit și puteți comuta înapoi la editorul vizual în orice moment.
Pașii pentru comutarea între editoare diferă ușor în funcție de situația în care toate locațiile dumneavoastră POS sunt eligibile pentru editorul de cod sau dacă doar unele dintre locațiile POS sunt eligibile, de exemplu, unele dintre locațiile dumneavoastră POS nu utilizează POS Pro sau se află în Italia ori Franța.
Pași:
Toate locațiile POS Pro
Din panoul de administrare Shopify, accesați Punct de vânzare > Setări.
În secțiunea Personalizare, dă clic pe Chitanțe tipărite pentru a deschide editorul POS.
Dați clic pe pictograma
din bara laterală stângă.
Dați clic pe Editare cod.
În caseta de dialog Editare cod pentru chitanțe tipărite, editați codul pe care doriți să îl modificați.
Dați clic pe Salvare.
Opțional: Pentru a continua să editați mai multe pagini Shopify POS folosind editorul POS, reveniți în fereastra browserului.
Cu locații Lite sau în Italia
Din panoul de administrare Shopify, accesați Punct de vânzare > Setări.
În secțiunea Personalizare, dă clic pe Chitanțe tipărite pentru a deschide editorul POS.
În pagina Personalizare chitanță, dați clic pe Editor de cod.
Utilizarea fișierelor personalizate în șablonul de chitanță
Puteți utiliza fișiere, cum ar fi active de imagine, pe care le încărcați în panoul de administrare Shopify pentru a vă personaliza chitanțele tipărite.
Un fișier trebuie încărcat în panoul de administrare Shopify înainte de a putea fi utilizat într-o dovadă de plată imprimată. Aflați mai multe despre încărcarea fișierelor.
Pași:
Din panoul de administrare Shopify, accesați Conținut > Fișiere.
Lângă fișierul pe care doriți să îl includeți în codul chitanței tipărite, dați clic pe
pentru a copia linkul.
Includeți linkul activului în șablonul dvs.
Resetarea șablonului de chitanță la valorile implicite
Puteți reseta un șablon de chitanță la versiunea implicită utilizând editorul de cod.
Pași:
Toate locațiile POS Pro
Din panoul de administrare Shopify, accesați Punct de vânzare > Setări.
În secțiunea Personalizare, dă clic pe Chitanțe tipărite pentru a deschide editorul POS.
Dați clic pe Personalizați-vă chitanțele.
Dați clic pe Editare cod.
Dați clic pe fișierul de cod pe care doriți să îl resetați.
Dați clic pe pictograma
.
În caseta de dialog Resetare fișier la valorile implicite, dați clic pe Resetare.
Cu locații Lite sau în Italia
Din panoul de administrare Shopify, accesați Punct de vânzare > Setări.
În secțiunea Personalizare, dă clic pe Chitanțe tipărite pentru a deschide editorul POS.
În pagina Personalizare chitanță, dați clic pe Editor de cod.
Dați clic pe fișierul de cod pe care doriți să îl resetați.
Dați clic pe pictograma
.
În caseta de dialog Resetare fișier la valorile implicite, dați clic pe Resetare.
Variabile Liquid disponibile în editorul de cod pentru chitanțe
Puteți utiliza Liquid pentru a personaliza șablonul dvs. de dovadă de plată imprimată și tipurile de dovezi de plată.
Următoarele obiecte de date sunt disponibile pentru editorul de cod pentru chitanțe:
Obiecte de chitanță
| Obiect | Descriere |
|---|---|
shop | Conține informațiile magazinului, cum ar fi numele magazinului. |
location | Conține informațiile locației de retail, cum ar fi adresa și numărul de telefon. |
order | Conține datele comenzii, inclusiv rândurile, reducerile, taxele și informațiile despre tranzacție. |
return |
Disponibil numai în șablonul return-and-exchange-receipt.liquid și în șabloanele sale parțiale asociate.
Conține date despre retur și schimb, inclusiv rândurile returnate, rândurile noi, totalul net și informațiile despre tranzacție.
|
gift_card |
Disponibil numai în șablonul gift-card.liquid.
Conține datele cardului cadou, inclusiv soldul, codul alfanumeric și conținutul unui cod QR care poate fi scanat de aplicația POS.
|
Obiect comandă
| Proprietate | Descriere |
|---|---|
id | ID-ul comenzii. |
created_at | Data și ora formatate ISO 8601 la care a fost creată comanda. |
source_identifier | Un identificator unic de comandă POS sau de la o entitate externă. |
change_due | Rest de plată pentru comandă. |
balance_due | Suma datorată pentru această comandă. |
name | Identificatorul unic al comenzii care apare pe pagina comenzii în panoul de administrare Shopify și pe pagina de stare a comenzii. De exemplu, „#1001”, „EN1001” sau „1001-A”. Această valoare nu este unică pentru mai multe magazine. |
note | Conținutul notei asociate comenzii. |
line_items | O listă a rândurilor comenzii. |
subtotal_price |
Suma prețurilor pentru toate rândurile după reduceri și înainte de retururi. Dacă taxesIncluded este „true”, atunci subtotalul include și taxele.
|
total_price | Prețul total al comenzii, înainte de retururi. Acesta include taxe și reduceri. |
total_tip_received | Suma tuturor bacșișurilor pentru comandă. |
discounts | Suma totală a reducerilor. |
transactions | O listă a tranzacțiilor asociate comenzii. |
taxes_included | Indică dacă taxele sunt incluse în prețul subtotal al comenzii. |
tax_lines | O listă a tuturor rândurilor de taxe aplicate rândurilor din comandă, înainte de retururi. Prețurile rândurilor de taxe reprezintă prețul total pentru toate rândurile de taxe cu aceeași cotă și același titlu. |
customer | Clientul care a plasat comanda. |
shipping_address | Adresa de livrare din comandă. |
shipping_groups | Lista grupurilor de expediere a comenzii. Fiecare grup conține rânduri care sunt executate împreună. |
Obiect retur
| Proprietate | Descriere |
|---|---|
name | Identificatorul unic pentru retur care apare pe pagina comenzii în panoul de administrare Shopify și pe pagina de stare a comenzii. De exemplu, „#1000-R1”. Această valoare nu este unică pentru mai multe magazine. |
created_at | Data și ora formatate ISO 8601 la care a fost creat returul. |
is_unverified | O valoare booleană care indică dacă returul a fost creat ca un Retur neverificat. |
is_exchange | O valoare booleană care indică dacă returul include un schimb. Aceasta include restituirile efectuate pe un card cadou. |
exchange_type |
Tipul schimbului, dacă returul include un schimb. Valorile posibile sunt LIKE_FOR_LIKE, NET_REFUNDABLE și NET_PAYABLE.
|
return_discount | Suma totală a reducerilor la comandă care au fost restituite. |
return_subtotal |
Suma prețurilor pentru toate rândurile returnate înainte de reduceri. Dacă taxesIncluded este „true”, atunci subtotalul include și taxele.
|
return_total | Suma totală posibilă de restituit. Aceasta include taxele, reducerile, expedierea și bacșișurile. S-ar putea să nu fie suma efectivă restituită. |
exchange_subtotal |
Suma prețurilor pentru toate rândurile noi din schimb, înainte de reduceri. Dacă taxesIncluded este „true”, atunci subtotalul include și taxele.
|
exchange_total | Suma totală pentru toate rândurile noi din schimb. Aceasta include taxe și reduceri. |
total_cash_rounding_adjustment | Ajustarea de rotunjire a numerarului aplicată returului sau schimbului. |
total_adjusted_amount | Suma totală pentru retur sau schimb, ajustată cu ajustarea de rotunjire a numerarului. |
net_total | Suma totală efectivă plătită sau restituită pentru retur sau schimb și înainte de rotunjirea numerarului. |
return_line_items | Rândurile returnate. |
exchange_line_items | Rândurile noi din schimb. |
return_tax_lines | Rândurile de taxe pentru rândurile returnate. |
exchange_tax_lines | Rândurile de taxe pentru rândurile noi din schimb. |
shipping_refund_amount | Suma restituită din expediere. |
tip_refund_amount | Suma restituită din bacșiș. |
transactions | Tranzacțiile asociate cu returul sau schimbul. |
Obiect grup de expediere
| Proprietate | Descriere |
|---|---|
destination | Destinația produselor expediate. |
products | O listă a produselor expediate. |
Obiect rând
| Proprietate | Descriere |
|---|---|
id | ID-ul rândului. |
name | Titlul produsului, la care se adaugă opțional titlul variantei (dacă este cazul). |
variant_title | Titlul variantei în momentul creării comenzii. |
price | Prețul la bucată al rândului la crearea comenzii. Această valoare nu include reduceri. |
is_gift_card | Indică dacă rândul reprezintă achiziția unui card cadou. |
discount | Reducerea totală care a fost alocată rândului de către aplicațiile de reducere, inclusiv reducerile alocate cantităților restituite și eliminate. |
total_price | Totalul pentru acest rând. |
selling_plan_name | Numele planului de abonament atribuit rândului. |
tax_rates | Rândurile de taxe pentru acest rând. |
custom_attributes | O listă de atribute care reprezintă caracteristici personalizate sau solicitări speciale. |
variant_title | Titlul variantei. |
variant_id | ID-ul variantei. |
variant_metafields | O listă de câmpuri personalizate pe care un comerciant le-a asociat cu varianta. |
staff_member_description | Membrul personalului atribuit rândului. |
product_metafields | O listă de câmpuri personalizate pe care un comerciant le-a asociat cu produsul. |
Obiect rând retur
Include totul din obiectul rând plus următoarele proprietăți:
| Proprietate | Descriere |
|---|---|
return_reason | Motivul returului pentru rând. |
return_reason_note | O notă opțională care să însoțească motivul returului. |
Filtre Liquid disponibile în editorul de cod al dovezii de plată
Puteți utiliza filtre Liquid pentru a face ajustări ale informațiilor din șabloanele dvs. de dovadă de plată. De exemplu, puteți schimba formatarea monedei sau utilizarea majusculelor pentru un anumit text, cum ar fi un cod fiscal.
Pentru a aplica un filtru, adăugați un caracter bară verticală | și apoi filtrul în blocul de cod Liquid dintre acoladele duble {{ }}. Filtrele pot fi aplicate numai blocurilor de cod Liquid.
În exemplul următor, filtrul convertește codul fiscal din litere mici în majuscule.
{{ tax_line.title | upcase }}În exemplul de bloc de cod, product este obiectul, title este proprietatea sa, iar upcase este filtrul aplicat. Filtrul upcase transformă valoarea lui tax_line.title în majuscule. De exemplu, dacă tax_line.title are valoarea Hst, atunci filtrul upcase schimbă valoarea în HST.
Consultați secțiunea Filtre din documentația de referință Liquid pentru temele Shopify pentru detalii despre cum se utilizează filtrele Liquid.
Următoarele filtre sunt disponibile în editorul de cod pentru chitanțe:
| Proprietate | Descriere | |
|---|---|---|
t | Traduce etichetele predefinite în limba alocată locației dvs. | |
money | Formatează prețul în moneda locației dvs. | |
escape |
Evadează caracterele speciale în HTML, cum ar fi <>, ' și &, și convertește caracterele în secvențe de evadare.
| |
barcode | Generează un cod de bare 1D SVG. | |
qrcode | Generează un cod de bare 2D SVG. |
Exemplu de personalizare a codului pentru șablonul de chitanță imprimată
Puteți utiliza Liquid pentru a adăuga mesaje condiționate. Această funcționalitate este similară cu salvarea într-o singură locație cu editorul vizual. De exemplu, afacerea dvs. a început cu o singură locație, iar acum aveți mai multe locații noi. Doriți să evidențiați magazinul original pe dovezile de plată imprimate.
Puteți adăuga un mesaj personalizat la șablonul header.liquid în folderul Secțiuni al editorului de cod și puteți utiliza Liquid pentru a afișa mesajul numai pentru locația dvs. principală.
Următorul cod verifică numele locației, în acest caz locația dvs. originală denumită „Home”, și afișează mesajul „Bun venit la magazinul nostru original, deschis în 1972.” dacă locația corespunde numelui. Chitanțele imprimate de la celelalte locații ale dvs. afișează în schimb mesajul „Bun venit la magazinul nostru.”.
{% if location.name == 'Home' %}
Welcome to our original store, opened in 1972.
{% else %}
Welcome to our store.
{% end %}Previzualizarea modificărilor aduse codului în editorul de cod
Puteți previzualiza modificările aduse chitanțelor tipărite în editorul de cod POS din panoul de administrare Shopify.
În funcție de fișierul Liquid selectat, fereastra de previzualizare evidențiază designul sau secțiunea chitanței afectată de fișier. În mod implicit, fereastra de previzualizare afișează conținutul pentru cea mai recentă comandă POS. Puteți selecta o anumită comandă pentru a o utiliza drept conținut al chitanței în fereastra de previzualizare pentru toate fișierele Liquid, cu excepția fișierului gift-card.liquid, care afișează numai diferitele locații ca opțiuni de previzualizare selectabile.
Pași:
Toate locațiile POS Pro
Din panoul de administrare Shopify, accesați Punct de vânzare > Setări.
În secțiunea Personalizare, dă clic pe Chitanțe tipărite pentru a deschide editorul POS.
Dați clic pe Personalizați-vă chitanțele.
Dați clic pe Editare cod.
Dați clic pe fișierul de cod pe care doriți să îl previzualizați. Chitanța dvs. se afișează în fereastra editorului din extrema dreaptă.
Opțional: pentru a selecta o anumită comandă pe care să o utilizați drept conținut al chitanței în fereastra de previzualizare, efectuați următoarele acțiuni:
- Dați clic pe pictograma
.
- Vânzările efectuate de pe canalul Punct de vânzare de la toate locațiile se afișează în caseta de dialog Alegeți comanda de previzualizat. Selectați o comandă din listă sau căutați comenzi și locații specifice utilizând bara de căutare.
- Dați clic pe Confirmare.
- Dați clic pe pictograma
Opțional: dacă previzualizați fișierul
gift-card.liquid, atunci dați clic pe pictogramași selectați locația pentru care doriți să previzualizați șablonul.
Cu locații Lite sau în Italia
Din panoul de administrare Shopify, accesați Punct de vânzare > Setări.
În secțiunea Personalizare, dă clic pe Chitanțe tipărite pentru a deschide editorul POS.
În pagina Personalizare chitanță, dați clic pe Editor de cod.
Dați clic pe fișierul de cod pe care doriți să îl previzualizați. Chitanța dvs. se afișează în fereastra editorului din extrema dreaptă.
Opțional: pentru a selecta o anumită comandă pe care să o utilizați drept conținut al chitanței în fereastra de previzualizare, efectuați următoarele acțiuni:
- Dați clic pe pictograma
.
- Vânzările efectuate de pe canalul Punct de vânzare de la toate locațiile se afișează în caseta de dialog Alegeți comanda de previzualizat. Selectați o comandă din listă sau căutați comenzi și locații specifice utilizând bara de căutare.
- Dați clic pe Confirmare.
- Dați clic pe pictograma
Opțional: dacă previzualizați fișierul
gift-card.liquid, atunci dați clic pe pictogramași selectați locația pentru care doriți să previzualizați șablonul.