Szablony wydruków to narzędzie, dzięki któremu łatwo przygotujesz papierową listę zamówień i szybko skompletujesz produkty, nawet jeśli nie korzystasz z automatycznych procesów pakowania. W kilka chwil wydrukujesz spersonalizowany dokument PDF i znacznie usprawnisz pracę, minimalizując ryzyko pomyłek przy realizacji zamówień.
Na wydrukach możesz umieścić między innymi:
- zdjęcie produktu;
- lokalizację magazynową;
- kod kreskowy;
- ID produktu;
- notatkę kupującego.
Wskazówka: Aby w pełni wykorzystać potencjał szablonów wydruków, warto, abyś poznał podstawy HTML i CSS. Dzięki temu stworzysz od podstaw własny szablon lub zmodyfikujesz jeden z gotowych wzorów — np. zmieniając wielkość i kolor tekstu, dodając wybrane typy danych do wydruku czy dodając logo w konkretnym miejscu. Możliwości są niemal nieograniczone i zależą wyłącznie od indywidualnych preferencji.
Jak dodać nowy szablon wydruków?
1. W menu głównym panelu przejdź do Administracja → Szablony wydruków i kliknij przycisk Dodaj szablon.
2. Następnie wybierz moduł szablonu Zamówienia.
3. Nazwij swój szablon i skonfiguruj go przy użyciu dostępnych zmiennych, korzystając z zawartych instrukcji. Jeśli wolisz skorzystać z gotowego wzoru, kliknij przycisk Przeglądaj.
4. Teraz wybierz odpowiedni szablon z listy i zatwierdź wybór (więcej na temat poszczególnych szablonów znajdziesz w następnej sekcji).
5. W oknie Skonfiguruj zawartość wydruku zmodyfikujesz kod szablonu, a w oknie Nagłówki i stopki ustawisz elementy widoczne na każdej stronie dokumentu. Po skończeniu edycji zapisz zmiany.
6. Twój nowy szablon będzie dostępny w zakładce Zamówienia → Zamówienia → Generuj z szablonu. Aby pobrać PDF, wystarczy, że wybierzesz zamówienie i użyjesz stworzonego szablonu.
7. W każdej chwili możesz wyłączyć szablon. Wystarczy, że przejdziesz do Administracja → Szablony wydruków i w kolumnie Status odznaczysz dany checkbox.
Generowanie dokumentów na podstawie szablonów wydruków bezpośrednio w edycji zamówienia
Aby wygenerować dokument na podstawie szablonu bezpośrednio w edycji zamówienia, wybierz Drukuj → Generuj z szablonu.
Rodzaje szablonów wydruków
Oferta kupna
Wydrukuj dokument PDF z ofertą przygotowaną dla kupującego.
Szczegóły zamówienia
Wydrukuj kompletny podgląd zamówienia — od pełnych danych klienta i informacji o dokumencie sprzedaży, przez sposób wysyłki i listę produktów, aż po wewnętrzne notatki dotyczące realizacji.
Szczegóły zamówienia – bez notatek
Wydrukuj kompletny podgląd zamówienia jak wyżej, ale bez notatek.
Kod kreskowy zamówienia
Wydrukuj PDF z ID zamówienia w formie kodu kreskowego, który po zeskanowaniu natychmiast otworzy zamówienie w systemie. To szybki sposób na przekierowanie pilnych zleceń do realizacji — bez ręcznego wyszukiwania, opóźnień czy pomyłek.
Lista – szczegółowy
Wydrukuj PDF ze wszystkimi informacjami o zamówieniu i szczegółową listą produktów. Możesz łatwo otworzyć zamówienie w systemie, skanując kod kreskowy znajdujący się w nagłówku dokumentu.
Lista + zdjęcia
Wydrukuj uproszczoną listę zamówienia z podstawowymi informacjami o wysyłce i dokumencie sprzedaży oraz kluczowymi szczegółami dotyczącymi produktów. Podobnie jak w przypadku szczegółowej listy, zeskanowanie kodu kreskowego otwiera dane zamówienie w systemie.
Lista
Wydrukuj uproszczoną listę zamówienia jak wyżej, ale bez zdjęć produktów.
Zbieranie – grupowanie: EAN – sortowanie: Lokalizacja
Zgrupuj i posortuj wszystkie produkty z wielu zamówień w jednej zbiorczej tabeli, znacznie skracając proces zbierania. Jeśli w kilku zamówieniach pojawi się produkt z tym samym kodem EAN, ich liczba zostanie zsumowana i umieszczona jako jedna pozycja w tabeli (w przypadku, gdy dany produkt nie posiada kodu EAN, jest on grupowany według nazwy produktu). Następnie wszystkie produkty zostaną posortowane według lokalizacji (możesz dowolnie modyfikować klucz grupowania i sortowania — więcej o tym w sekcji "Edycja szablonów wydruków”).
Zbieranie – grupowanie: Symbol – sortowanie: Nazwa produktu
Zgrupuj i posortuj wszystkie produkty z wielu zamówień w jednej zbiorczej tabeli, znacznie skracając proces zbierania. Jeśli w kilku zamówieniach pojawi się produkt z tym samym symbolem, ich liczba zostanie zsumowana i umieszczona jako jedna pozycja w tabeli (w przypadku, gdy dany produkt nie posiada symbolu, jest on grupowany według nazwy produktu). Następnie wszystkie produkty zostaną posortowane według nazwy produktu (możesz dowolnie modyfikować klucz grupowania i sortowania — więcej o tym w sekcji "Edycja szablonów wydruków”).
Edycja szablonów wydruków
Podstawowa edycja wyglądu szablonu
Jeśli potrzebujesz dostosować wygląd poszczególnych elementów szablonu, zrobisz to poprzez edycję stylów w kodzie. Na poniższym zrzucie ekranu, na przykładzie szablonu "Lista + zdjęcia”, zaznaczono niektóre z elementów możliwych do modyfikacji.
Na przykładzie przedstawionego szablonu wykonamy następujące modyfikacje:
- Nr zamówienia: 1000 — zmiana koloru tekstu
- Odnośnik do sklepu — usunięcie elementu
- Nazwy produktów — powiększenie tekstu
Zmiana koloru tekstu
Aby zmienić kolor tekstu, znajdź w kodzie odpowiedni element i dodaj do niego właściwość color. Dla tego przykładu użyjemy koloru czerwonego o kodzie #f00.
Usunięcie elementu
Możesz dowolnie usuwać i dodawać elementy w szablonie. Aby usunąć odnośnik do sklepu znajdujący się w prawym górnym rogu, znajdź odpowiednią linię kodu. Następnie zaznacz ją i usuń.
Powiększenie tekstu
Jeśli tytuły zamówień są za małe i słabo widoczne na wydruku, możesz łatwo je powiększyć, edytując właściwość font-size i zmieniając wartość po dwukropku, np. na 9.2mm.
Aby od razu zobaczyć wprowadzone modyfikacje, skorzystaj z opcji Pokaż nad konfiguratorem wydruku.
Nowy wydruk zamówienia ze zdjęciem produktu po modyfikacji:
Zmiana czcionki w dokumencie
Jeśli chcesz, możesz także zmienić czcionkę dla całego wydruku. Aby to zrobić, w górnej części kodu znajdź linię z właściwością font-family i zmień nazwę fontu, np. z Arial na Calibri.
Wskazówka: Nie usuwaj wartości sans-serif po przecinku. Służy ona jako zapasowy font systemowy na wypadek, gdyby ten wybrany przez Ciebie nie został poprawnie wczytany.
Podstawowa edycja zmiennych w szablonie
Jeśli potrzebujesz zmodyfikować typ albo sposób wyświetlania danych na wydruku, zrobisz to poprzez edycję zmiennych w kodzie. Na poniższym zrzucie ekranu, na przykładzie szablonu "Zbieranie – grupowanie: EAN – sortowanie: Lokalizacja”, zobaczysz prostą modyfikację zmiennych, według których grupowane i sortowane będą produkty dla zamówień.
- Własne ustawienia grupowania (na przykładzie EAN)
Aby zmodyfikować zasadę grupowania produktów, znajdź wskazany fragment kodu i zamień obie zaznaczone na niebiesko zmienne ean na właściwość, według której chcesz grupować produkty (listę dostępnych właściwości znajdziesz na liście po prawej stronie). Jeśli chcesz zmienić także awaryjny parametr grupowania (w przypadku, gdyby któryś z produktów nie posiadał parametru głównego, np. EAN), zamień zaznaczoną na zielono zmienną product_name.
Ważne: Zmień wyłącznie nazwę właściwości. Wszelkie inne znaki (kropki, spacje i znaki specjalne) muszą pozostać bez zmian.
- Własne ustawienia sortowania (na przykładzie lokalizacji)
Aby zmodyfikować zasadę sortowania produktów, znajdź wskazany fragment kodu i zamień obie zaznaczone na niebiesko zmienne location na właściwość, według której chcesz sortować produkty (listę dostępnych właściwości znajdziesz na liście po prawej stronie).
Ważne: Zmień wyłącznie nazwę właściwości. Wszelkie inne znaki (kropki, spacje i znaki specjalne) muszą pozostać bez zmian.
Zablokowanie dzielenia zamówienia na dwie strony przy drukowaniu
Jeśli z pomocą szablonu drukujesz wiele zamówień na raz, dodaj właściwość break-inside: avoid;. Dzięki temu elementy wydruku nie będą obcinane w połowie, tylko w całości przenoszone na następną stronę.
W którym miejscu dodać właściwość?
Dla następujących szablonów wstaw właściwość break-inside: avoid; wewnątrz klamry #order-wrapper:
- Oferta kupna
- Szczegóły zamówienia
- Szczegóły zamówienia – bez notatek
- Lista – szczegółowy
- Lista + zdjęcia
- Lista
- Zbieranie – grupowanie: EAN – sortowanie: Lokalizacja
- Zbieranie – grupowanie: Symbol – sortowanie: Nazwa produktu
Dla kodu kreskowego zamówienia z ID wstaw właściwość break-inside: avoid; wewnątrz klamry .m-print-barcode-id.
Tak wygląda wydruk z wpisaną właściwością:
Tak wygląda wydruk bez wpisanej właściwości:
Powiązane artykuły
