Προσαρμογή προτύπων του Order Printer

Μπορείτε να δημιουργήσετε και να προσαρμόσετε έως και 15 πρότυπα για την εφαρμογή Order Printer στον Διαχειριστή Shopify. Από προεπιλογή, η εφαρμογή Order Printer περιλαμβάνει δύο πρότυπα:

Τιμολόγιο - ένα βασικό τιμολόγιο που μπορείτε να στείλετε σε έναν πελάτη
Δελτίο συσκευασίας - μια εκτύπωση της διεύθυνσης του καταστήματός σας και της διεύθυνσης αποστολής του πελάτη σας

Σε αυτή τη σελίδα

Δημιουργία νέου προτύπου του Order Printer

Για τη δημιουργία ενός νέου προτύπου στο Order Printer, θα πρέπει να είστε εξοικειωμένοι με την HTML, τη γλώσσα CSS (επάλληλα φύλλα ύφους) και τη Liquid. Η Υποστήριξη θεμάτων Shopify ενδέχεται να μπορεί να σας βοηθήσει με μικρές προσαρμογές σε δωρεάν θέματα Shopify εντός του εύρους της Πολιτικής σχεδίασης του Shopify. Αν χρειάζεστε πιο περίπλοκες αλλαγές ή χρησιμοποιείτε ένα θέμα που δεν δημιουργήθηκε από το Shopify, τότε σκεφτείτε το ενδεχόμενο να προσλάβετε έναν Shopify Partner.

Βήματα:

Από τον Διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Order Printer (παλαιού τύπου).
Κάντε κλικ στην επιλογή Διαχείριση προτύπων.
Κάντε κλικ στην επιλογή Προσθήκη προτύπου.
Εισαγάγετε ένα όνομα για το νέο σας πρότυπο στο πεδίο Όνομα.
Προσθέστε κώδικα HTML, CSS ή Liquid στο πεδίο Κώδικας για να δημιουργήσετε το πρότυπό σας.
Όταν τελειώσετε, κάντε κλικ στην επιλογή Αποθήκευση.

Επεξεργασία προτύπου του Order Printer

Για να επεξεργαστείτε τα πρότυπά σας στο Order Printer, θα πρέπει να είστε εξοικειωμένοι με την HTML, τη γλώσσα CSS (επάλληλα φύλλα ύφους) και τη Liquid. Η Υποστήριξη θεμάτων Shopify δεν μπορεί να επεξεργαστεί εκτενώς τα πρότυπα για εσάς, αλλά ενδέχεται να μπορεί να σας βοηθήσει με μικρές προσαρμογές σε δωρεάν θέματα Shopify εντός του εύρους της Πολιτικής σχεδίασης του Shopify. Για πιο περίπλοκες αλλαγές, σκεφτείτε το ενδεχόμενο να προσλάβετε έναν Shopify Partner.

Βήματα:

Από τον Διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Order Printer (παλαιού τύπου).
Κάντε κλικ στην επιλογή Διαχείριση προτύπων.
Κάντε κλικ στο όνομα του προτύπου που θέλετε να επεξεργαστείτε.
Κάντε τις αλλαγές σας στο πρότυπο προσθέτοντας ή επεξεργαζόμενοι κώδικα HTML, CSS ή Liquid στο πεδίο Κώδικας. Για να δείτε παραδείγματα προσαρμογών προτύπων, ανατρέξτε στην ενότητα Παραδείγματα προσαρμογών προτύπων.
Όταν τελειώσετε, κάντε κλικ στην επιλογή Αποθήκευση.

Παραδείγματα προσαρμογών προτύπων

Τα παρακάτω παραδείγματα εξηγούν ορισμένους συνήθεις τρόπους προσαρμογής των προτύπων του Order Printer:

Παράδειγμα: Προσθήκη του λογότυπού σας σε πρότυπα του Order Printer

Επιφάνεια εργασίας

Από τον Διαχειριστή Shopify, μεταβείτε στην ενότητα Περιεχόμενο > Αρχεία.
Κάντε κλικ στην επιλογή Μεταφόρτωση αρχείων και επιλέξτε το αρχείο εικόνας στον υπολογιστή σας.
Στη σελίδα Αρχεία, βρείτε το αρχείο που μεταφορτώσατε και κάντε κλικ στην επιλογή Αντιγραφή URL.
Από τον Διαχειριστή Shopify, κάντε κλικ στην επιλογή Ρυθμίσεις > Εφαρμογές.
Κάντε κλικ στο Order Printer για να ανοίξετε την εφαρμογή.
Κάντε κλικ στην επιλογή Διαχείριση προτύπων.
Κάντε κλικ στο όνομα του προτύπου που θέλετε να επεξεργαστείτε.
Εισαγάγετε το ακόλουθο απόσπασμα κώδικα στο πρότυπό σας στο σημείο όπου θέλετε να εμφανίζεται το λογότυπό σας: <img src="your-image-URL">.
Αντικαταστήστε το your-image-URL με το URL της εικόνας που αντιγράψατε. Ανάλογα με το πού θέλετε να εμφανίζεται το λογότυπό σας, μπορεί να χρειαστεί να προσθέσετε μια ετικέτα <br/> για να προσθέσετε μια αλλαγή γραμμής πριν ή μετά την εικόνα σας.

Κινητό

Από το Shopify app, πατήστε το εικονίδιο .
Στο μενού Περιεχόμενο, πατήστε το εικονίδιο και, στη συνέχεια, πατήστε Αρχεία.
Πατήστε Μεταφόρτωση αρχείων και επιλέξτε το αρχείο εικόνας στον υπολογιστή σας.
Στη σελίδα Αρχεία, βρείτε το αρχείο που μεταφορτώσατε και πατήστε Αντιγραφή URL.
Από τον Διαχειριστή Shopify, πατήστε Ρυθμίσεις > Εφαρμογές.
Πατήστε Order Printer για να ανοίξετε την εφαρμογή.
Πατήστε Διαχείριση προτύπων.
Πατήστε το όνομα του προτύπου που θέλετε να επεξεργαστείτε.
Εισαγάγετε το ακόλουθο απόσπασμα κώδικα στο πρότυπό σας στο σημείο όπου θέλετε να εμφανίζεται το λογότυπό σας: <img src="your-image-URL">.
Αντικαταστήστε το your-image-URL με το URL της εικόνας που αντιγράψατε. Ανάλογα με το πού θέλετε να εμφανίζεται το λογότυπό σας, μπορεί να χρειαστεί να προσθέσετε μια ετικέτα <br/> για να προσθέσετε μια αλλαγή γραμμής πριν ή μετά την εικόνα σας.

Θα πρέπει να έχει την εξής μορφή στον κώδικα HTML:

Παράδειγμα: Πλάτος πινάκων 100%

Για να έχουν οι πίνακές σας περιγράμματα και να εκτείνονται στο 100% του πλάτους, προσθέστε μια κλάση table-tabular στον πίνακά σας:

<table class="table-tabular">
    ...
</table>

Παράδειγμα: Εμφάνιση μικρογραφιών προϊόντων

Για να συμπεριλάβετε μικρογραφίες προϊόντων, εισαγάγετε αυτόν τον κώδικα στο πρότυπό σας:

{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}

Προσθήκη λεπτομερειών παραγγελίας

Μπορείτε να προσθέσετε λεπτομέρειες παραγγελίας στα πρότυπά σας, όπως το όνομα, την ποσότητα και το κόστος των ειδών που αγοράστηκαν. Για να προσθέσετε λεπτομέρειες παραγγελίας στο πρότυπό σας:

Από τον Διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Order Printer (παλαιού τύπου).
Κάντε κλικ στην επιλογή Διαχείριση προτύπων.
Κάντε κλικ στο όνομα του προτύπου που θέλετε να επεξεργαστείτε.
Χρησιμοποιήστε μεταβλητές Liquid για να προσθέσετε λεπτομέρειες παραγγελίας και HTML για να προσθέσετε μορφοποίηση. Για παράδειγμα, το {{ line_item.price | money }} εκτυπώνει την τιμή του κομματιού.
Όταν τελειώσετε, κάντε κλικ στην επιλογή Αποθήκευση.

Για παράδειγμα, η Nyla θέλει να επεξεργαστεί το πρότυπο του δελτίου συσκευασίας της για να συμπεριλάβει μια λίστα με τα κομμάτια που αποστέλλονται. Προσθέτει τον παρακάτω κώδικα στο κάτω μέρος του προτύπου της Δελτίο συσκευασίας στην εφαρμογή Order Printer:

<br>
<br>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if tax_lines.size > 0 %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>{{ line_item.price | money }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

Ως αποτέλεσμα, τα δελτία συσκευασίας της Nyla περιλαμβάνουν πλέον έναν πίνακα που παραθέτει τα κομμάτια που αγοράστηκαν.