Szablony wydruków
Comarch e-Sklep umożliwia kontrahentom drukowanie złożonych zamówień lub reklamacji. Szablony wydruków można tworzyć w panelu administracyjnym. Szczegółowy opis obszaru wydruków w panelu e-Sklep można znaleźć w artykule Wydruki, natomiast poniżej omówiony zostanie sposób tworzenia własnych szablonów wydruków za pomocą technologii HTML, CSS, oraz składni Liquid.
Wydruk powinien posiadać konstrukcję typowej strony HTML, czyli zawierać wszystkie wymagane znaczniki HTML. Styl css powinien być umieszczony w pliku wydruku, bez ładowania z zewnątrz. W wydrukach można korzystać również z instrukcji sterujących, filtrów, oraz wybranych obiektów silnika Liquid.
Wydruk zamówienia
W wydruku zamówienia dostępne są dwa obiekty:
- order
- config
Order jest odpowiednikiem obiektu lokalnego customerprofile.Order, czyli obiektu przechowującego zamówienie w profilu klienta. Dokładny opis obiektu znajduje się w artykule Obiekty lokalne. Obiekt config jest opisany w artykule Obiekty globalne. Obiekty dostarczają do wydruku dane zamówienia, zamawiającego oraz sklepu.
Wydruk reklamacji i zwrotu
W wydruku reklamacji i zwortu są dostępne trzy obiekty:
- complaint
- customer
- config
Complaint jest odpowiednikiem obiektu lokalnego customerprofile.Complaint, który przechowuje zwrot lub reklamację w profilu klienta. Strukturę tego obiektu można zobaczyć w artykule Obiekty lokalne. Opis obiektów customer oraz config znajduje się w artykule Obiekty globalne. Obiekty zawierają dane reklamacji lub zwrotu, dane sklepu, oraz dane użytkownika składającego reklamację lub zwrot.
Przykład użycia
Poniżej przedstawiony został minimalistyczny przykład wydruku zamówienia.
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
<!DOCTYPE html> <html> <head> <title>Zamówienie nr {{ order.Id }} - {{ config.ShortName }} - {{ config.Url }}</title> </head> <style> html { font-size:14px; } body { font-family:Helvetica; } .print { font-size:1.5rem; color: #3F51B5; cursor:pointer; font-weight:700; } @media print { .print { display:none; } } </style> <body> <h1>Zamówienie nr {{ order.Id }}</h1> <p>{{ order.Date }}</p> <h2>Sprzedawca</h2> <p>{{ config.Shop.ShortName }}</p> <p>{{ config.Shop.Name }}</p> <h2>Nabywca:</h2> <p>{{ order.Customer.DeliveryAddress.Name }} {{ order.Customer.DeliveryAddress.Name2 }}</p> <h2>Dostawa i płatność</h2> <p> {{ order.Delivery.Name }} ({{ order.Delivery.TotalValue | ToPrice }} {{order.Currency}}), {{ order.Payment.Name }} ({{ order.Payment.TotalValue | ToPrice }} {{order.Currency}}), </p> <h2>Produkty</h2> {% for poduct in order.Products -%} <p> {{ poduct.NameNoHtml }} | {{ poduct.Quantity }} x {{ poduct.TotalPrice|ToPrice }} {{order.Currency}} | {{ poduct.TotalValue|ToPrice }} {{order.Currency}} </p> {% endfor -%} <h2>Razem</h2> <p>{{order.OrderTotalValue | ToPrice}} {{order.Currency}}</p> <span class="print" onclick="window.print();"> Drukuj </span> </body> </html> |
Strona wydruku zamówienia będzie wyglądać w następujący sposób:
Podgląd wydruku w przeglądarce Chrome, który wyświetli się po klinięciu Drukuj, będzie wyglądał jak poniżej.
