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.
Na tej stronie
- Zagadnienia dotyczące używania edytora kodów paragonów
- Informacje dotyczące niekompatybilności dla typów paragonów
- Uzyskaj dostęp do edytora kodów
- Użyj niestandardowych plików w szablonie paragonu
- Przywróć domyślne ustawienie szablonu paragonu
- Zmienne Liquid dostępne w edytorze kodów paragonów
- Filtry Liquid dostępne w edytorze kodów paragonów
- Przykład dostosowania kodu szablonu drukowanego paragonu
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:
W panelu administracyjnym Shopify przejdź do opcji: Ustawienia > Aplikacje i kanały sprzedaży.
Na stronie Aplikacje i kanały sprzedaży kliknij Point of sale.
Kliknij opcję Otwórz kanał sprzedaży.
Kliknij Ustawienia > Dostosowanie paragonu.
Kliknij Dostosuj paragony.
Kliknij opcję
...
> Edytuj kod.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:
W panelu administracyjnym Shopify przejdź do opcji: Ustawienia > Aplikacje i kanały sprzedaży.
Na stronie Aplikacje i kanały sprzedaży kliknij Point of sale.
Kliknij opcję Otwórz kanał sprzedaży.
Kliknij Ustawienia > Dostosowanie paragonu.
Kliknij Dostosuj paragony.
Kliknij opcję Strona zawartości.
Skopiuj link obok pliku, którego chcesz użyć w szablonie paragonu.
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:
W panelu administracyjnym Shopify przejdź do opcji: Ustawienia > Aplikacje i kanały sprzedaży.
Na stronie Aplikacje i kanały sprzedaży kliknij Point of sale.
Kliknij opcję Otwórz kanał sprzedaży.
Kliknij Ustawienia > Dostosowanie paragonu.
Kliknij szablon, który chcesz zresetować.
Kliknij ikonę resetowania.
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:
Obiekt | Opis |
---|---|
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.
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:
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.