Edytor kodów drukowanych paragonów

Drukowane paragony można dostosować za pomocą edytora kodów w panelu administracyjnym Shopify. Za pomocą edytora kodów możesz tworzyć bardziej zaawansowane dostosowania, używając HTML, CSS i Liquid zamiast edytora wizualnego.

Możesz zmienić szablon paragonu i szablony sekcji używane na drukowanych paragonach. Pliki szablonów paragonów to typy paragonów, które możesz drukować w sklepie. Sekcje to części paragonów, takie jak nagłówek lub stopka. Sekcje mogą być ponownie używane przez wiele paragonów.

Zagadnienia dotyczące używania edytora kodów paragonów

Przed użyciem edytora kodów paragonów zapoznaj się z następującymi zagadnieniami:

  • Możesz użyć edytora kodu tylko z poziomu panelu administracyjnego na komputerze.
  • Zmiany kodu, które wprowadzasz, mają zastosowanie do wszystkich lokalizacji POS Pro. Możesz jednak dodać warunki, aby wyświetlić dostosowania dla określonych lokalizacji. Dowiedz się więcej o używaniu tagów przepływu sterowania za pomocą Liquid.
  • Po przełączeniu się do edytora kodów nie można dokonać żadnych dostosowań szablonu paragonu z poziomu aplikacji Shopify POS. Nadal możesz dostosować swoje opcje drukowania z aplikacji Shopify POS z lokalizacji z planem subskrypcji POS Pro.
  • Dostosowania w edytorze kodów dotyczą tylko lokalizacji POS Pro. Jeśli korzystasz z edytora kodów i masz lokalizacje POS Lite, możesz użyć edytora wizualnego, aby dostosować nagłówek i stopkę dla lokalizacji Lite.
  • Pliki, które tworzą paragony, zawierają Liquid, język szablonów Shopify. Dowiedz się więcej o używaniu Liquid.
  • Aby edytować szablony w edytorze kodów paragonów, musisz znać HTML, CSS i Liquid. Pomoc techniczna ds. szablonów Shopify może zapewnić wsparcie przy niewielkich korektach objętych Polityką Shopify w zakresie projektowania.
  • Niektórych typów drukowanych paragonów nie można dostosować.
  • Edytor kodów nie jest dostępny dla żadnych lokalizacji we Włoszech.

Informacje dotyczące niekompatybilności dla typów paragonów

Niektórych typów drukowanych paragonów nie można dostosować w edytorze kodów paragonów. Typy paragonów, które nie mają szablonu w edytorze kodów, nie są kompatybilne do dostosowania.

Możesz dostosować następujące typy drukowanych paragonów:

  • paragony ze sprzedaży
  • paragony za karty podarunkowe
  • paragony prezentowe

Nie możesz dostosować następujących paragonów:

  • paragony za zwroty
  • paragony wymiany

Ponadto w przypadku lokalizacji we Włoszech do dostosowywania nie kwalifikują się żadne typy paragonów.

Uzyskaj dostęp do edytora kodów

Możesz edytować swoje szablony za pomocą edytora kodów.

Kroki:

  1. W panelu administracyjnym Shopify przejdź do opcji: Ustawienia > Aplikacje i kanały sprzedaży.

  2. Na stronie Aplikacje i kanały sprzedaży kliknij Point of sale.

  3. Kliknij opcję Otwórz kanał sprzedaży.

  4. Kliknij Ustawienia > Dostosowanie paragonu.

  5. Kliknij Dostosuj paragony.

  6. Kliknij opcję ... > Edytuj kod.

  7. W oknie dialogowym Edycja kodu kliknij opcję Edytuj kod.

Użyj niestandardowych plików w szablonie paragonu

Możesz użyć plików, które przesyłasz, aby dostosować paragony. Jeśli masz niestandardowe obrazy, które chcesz wydrukować na paragonach, możesz je załadować do panelu administracyjnego Shopify, a następnie użyć ich na spersonalizowanych paragonach. Dowiedz się więcej o przesyłaniu plików.

Kroki:

  1. W panelu administracyjnym Shopify przejdź do opcji: Ustawienia > Aplikacje i kanały sprzedaży.

  2. Na stronie Aplikacje i kanały sprzedaży kliknij Point of sale.

  3. Kliknij opcję Otwórz kanał sprzedaży.

  4. Kliknij Ustawienia > Dostosowanie paragonu.

  5. Kliknij Dostosuj paragony.

  6. Kliknij opcję Strona zawartości.

  7. Skopiuj link obok pliku, którego chcesz użyć w szablonie paragonu.

  8. Dołącz link do szablonu.

Przywróć domyślne ustawienie szablonu paragonu

Możesz zresetować szablon paragonu do domyślnej wersji za pomocą edytora kodów.

Kroki:

  1. W panelu administracyjnym Shopify przejdź do opcji: Ustawienia > Aplikacje i kanały sprzedaży.

  2. Na stronie Aplikacje i kanały sprzedaży kliknij Point of sale.

  3. Kliknij opcję Otwórz kanał sprzedaży.

  4. Kliknij Ustawienia > Dostosowanie paragonu.

  5. Kliknij szablon, który chcesz zresetować.

  6. Kliknij ikonę resetowania.

  7. W oknie modalnym Resetuj plik do wartości domyślnych kliknij Resetuj, aby potwierdzić.

Zmienne Liquid dostępne w edytorze kodów paragonów

Możesz użyć Liquid, aby dostosować szablon drukowanych paragonów i typy paragonów.

W edytorze kodów paragonów dostępne są następujące obiekty danych:

Opis obiektów danych paragonów
ObiektOpis
shop
Zawiera informacje o sklepie, takie jak nazwa sklepu.
location
Zawiera informacje o sklepie detalicznym, takie jak adres i numer telefonu.
order
Zawiera dane zamówienia, w tym pozycje, rabaty, podatki i informacje o transakcji.
gift_card
Dostępny tylko w szablonie gift_card.liquid. Zawiera dane karty prezentowej, w tym saldo, kod alfanumeryczny i zawartość kodu QR, który można zeskanować aplikacją POS.

Filtry Liquid dostępne w edytorze kodów paragonów

Możesz użyć filtrów Liquid, aby dostosować informacje w szablonach paragonów. Możesz na przykład zmienić formatowanie waluty lub użycie wielkich liter dla określonego tekstu, np. kodu podatku.

Aby zastosować filtr, dodaj znak pionowej kreski |, a następnie filtr w bloku kodu Liquid między podwójnymi nawiasami klamrowymi {{ }}. Filtry można stosować tylko do bloków kodu Liquid.

W poniższym przykładzie filtr dostosowuje kod podatku z małych liter na wielkie.

{{ tax_line.title | upcase }}

W przykładowym bloku kodu product jest obiektem, title jest jego właściwością, a upcase jest zastosowanym filtrem. Filtr upcase zmienia wielkość liter tax_line.title na wielkie litery. Na przykład jeśli tax_line.title ma wartość Hst, filtr upcase zmienia wartość na HST.

Zapoznaj się z sekcją filtrów z referencji Shopify Themes Liquid, aby uzyskać szczegółowe informacje na temat korzystania z filtrów Liquid.

W edytorze kodów paragonów dostępne są następujące filtry:

Opis filtrów paragonu
WłaściwośćOpis
t
Tłumaczy wstępnie zdefiniowane etykiety na język przypisany do Twojej lokalizacji.
money
Formatuje cenę w walucie Twojej lokalizacji.
escape
Ucieka od znaków specjalnych w HTML, takich jak <>, ' i &, oraz konwertuje znaki na sekwencje specjalne.
barcode
Generuje SVG kodów kredkowych 1D.
qrcode
Generuje SVG z kodem kreskowym 2D.

Przykład dostosowania kodu szablonu drukowanego paragonu

Możesz użyć Liquid do dodawania warunkowych wiadomości. Ta funkcja jest podobna do zapisania w jednej lokalizacji za pomocą edytora wizualnego. Przykładowo Twoja firma zaczęła się od jednej lokalizacji, a Teraz masz kilka nowych lokalizacji. Chcesz wyróżnić pierwszy sklep na drukowanych paragonach.

Możesz dodać niestandardową wiadomość do szablonu header.liquid w folderze Sekcje edytora kodów i użyć Liquid, aby wyświetlić wiadomość tylko dla Twojej flagowej lokalizacji.

Poniższy kod sprawdza nazwę lokalizacji, w tym przypadku pierwotną lokalizację o nazwie „Strona główna”, i wyświetla komunikat „Witamy w naszym pierwszym sklepie otwartym w 1972 roku”, jeśli lokalizacja pasuje do nazwy. Na paragonach drukowanych z innych lokalizacji wyświetlany jest komunikat „Witamy w naszym sklepie” zamiast wcześniej wspomnianego.

{% if location.name == 'Home' %}
  Welcome to our original store, opened in 1972.
{% else %}
  Welcome to our store.
{% end %}
Nie możesz znaleźć odpowiedzi, których szukasz? Jesteśmy tutaj, aby Ci pomóc.