Προσαρμογή δελτίων συσκευασίας
Μπορείτε να προσαρμόσετε το πρότυπο των δελτίων συσκευασίας σας. Η αλλαγή του προτύπου σάς επιτρέπει να προσθέσετε τη δική σας εμπορική προσαρμογή και να αλλάξετε την εμφάνιση και την αίσθηση του δελτίου συσκευασίας.
Σε αυτή τη σελίδα
Αλλαγή διεύθυνσης καταστήματος
Αν θέλετε να επεξεργαστείτε ή να αλλάξετε τη διεύθυνση του καταστήματός σας, τότε μπορείτε να μεταβείτε στις Ρυθμίσεις > Γενικά και να επεξεργαστείτε τα στοιχεία του καταστήματός σας.
Αν θέλετε να αλλάξετε μόνο τη διεύθυνση στα δελτία συσκευασίας σας, τότε ακολουθήστε τα παρακάτω βήματα.
Βήματα:
Από τον Διαχειριστή Shopify, μεταβείτε στις Ρυθμίσεις > Αποστολή και παράδοση.
Στην ενότητα Έγγραφα, κάντε κλικ στο Πρότυπο δελτίου αποστολής.
Βρείτε τη μεταβλητή Liquid
{{ shop_address.summary }}που αναφέρεται στη διεύθυνση του καταστήματός σας. Αν δεν μπορείτε να βρείτε αυτήν τη μεταβλητή, δοκιμάστε την παρακάτω:
{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}- Επισημάνετε αυτόν τον κώδικα και διαγράψτε τον.
- Πληκτρολογήστε τη διεύθυνση που θέλετε να εμφανίζεται στα δελτία συσκευασίας σας σε αυτόν τον κενό χώρο. Για παράδειγμα, θα μπορούσατε να πληκτρολογήσετε τη διεύθυνσή σας ώστε να μοιάζει κάπως έτσι:
123 Example Street, New York, NY, 10000, United States - Κάντε κλικ στην επιλογή Προεπισκόπηση προτύπου για να δείτε τις αλλαγές σας.
- Κάντε κλικ στην επιλογή Αποθήκευση.
Κατάργηση εικόνων προϊόντων
Μπορείτε να καταργήσετε τις εικόνες των προϊόντων σας που εμφανίζονται δίπλα στους τίτλους των προϊόντων στα δελτία συσκευασίας σας.
Βήματα:
Από τον Διαχειριστή Shopify, μεταβείτε στις Ρυθμίσεις > Αποστολή και παράδοση.
Στην ενότητα Έγγραφα, κάντε κλικ στο Πρότυπο δελτίου αποστολής.
Βρείτε τις ακόλουθες μεταβλητές Liquid που αναφέρονται στις εικόνες των προϊόντων σας:
{% if line_item.image != blank %}
<div class="flex-line-item-img">
<div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
{{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
</div>
</div>
{% endif %}- Επισημάνετε αυτόν τον κώδικα και διαγράψτε τον.
- Κάντε κλικ στην επιλογή Προεπισκόπηση προτύπου για να κάνετε προεπισκόπηση των αλλαγών σας.
- Κάντε κλικ στην επιλογή Αποθήκευση.
Επεξεργασία λογότυπου
Πριν προσθέσετε το λογότυπο του καταστήματός σας στα δελτία συσκευασίας, πρέπει να μεταφορτώσετε το λογότυπό σας στον διαχειριστή Shopify. Μετά τη μεταφόρτωση, σημειώστε το όνομα του μεταφορτωμένου αρχείου για να το χρησιμοποιήσετε αργότερα στο πρότυπο του δελτίου συσκευασίας.
Αφού μεταφορτώσετε το λογότυπό σας στο κατάστημά σας, μπορείτε να προσθέσετε το λογότυπό σας και να καταργήσετε το όνομα του καταστήματός σας, να προσθέσετε το λογότυπό σας πάνω από το όνομα του καταστήματός σας ή να προσθέσετε το λογότυπό σας δίπλα στο όνομα του καταστήματός σας.
Βήματα:
Από τον Διαχειριστή Shopify, μεταβείτε στο Περιεχόμενο > Αρχεία.
Κάντε κλικ στην επιλογή Μεταφόρτωση αρχείων.
Επιλέξτε και μεταφορτώστε το λογότυπο του καταστήματός σας από τη συσκευή σας.
Σημειώστε το όνομα του αρχείου όταν ολοκληρωθεί η μεταφόρτωση, συμπεριλαμβανομένης της επέκτασης του αρχείου (για παράδειγμα,
.pngή.jpg).
Προσθήκη λογότυπου και κατάργηση ονόματος καταστήματος
Μπορείτε να καταργήσετε το όνομα του καταστήματός σας και να το αντικαταστήσετε με το λογότυπο του καταστήματός σας στο επάνω μέρος των δελτίων συσκευασίας σας.
Βήματα:
Από τον Διαχειριστή Shopify, μεταβείτε στις Ρυθμίσεις > Αποστολή και παράδοση.
Στην ενότητα Έγγραφα, κάντε κλικ στο Πρότυπο δελτίου αποστολής.
Βρείτε τον ακόλουθο κώδικα που αναφέρεται στο όνομα του καταστήματός σας:
<p class="to-uppercase">
{{ shop.name }}
</p>- Επισημάνετε αυτόν τον κώδικα και διαγράψτε τον.
- Στον χώρο που δημιουργήσατε, γράψτε τον ακόλουθο κώδικα χρησιμοποιώντας το όνομα του αρχείου που μεταφορτώσατε προηγουμένως:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}Το φίλτρο file_img_url δημιουργεί τη διεύθυνση URL για το μεταφορτωμένο αρχείο με το καθορισμένο μέγεθος, και το φίλτρο img_tag δημιουργεί μια ετικέτα εικόνας HTML με το εναλλακτικό κείμενο που παρέχετε.
Για παράδειγμα, εάν το μεταφορτωμένο αρχείο είναι shop_logo.png, ο αντίστοιχος κώδικας liquid θα είναι:
{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}- Επιλέξτε Προεπισκόπηση προτύπου για να κάνετε προεπισκόπηση των αλλαγών σας.
- Κάντε κλικ στην επιλογή Αποθήκευση.
Προσθήκη λογότυπου πάνω από το όνομα του καταστήματος
Αν θέλετε να προσθέσετε το λογότυπό σας πάνω από το όνομα του καταστήματός σας, στο επάνω μέρος των δελτίων συσκευασίας, τότε ακολουθήστε τα παρακάτω βήματα.
Βήματα:
Από τον Διαχειριστή Shopify, μεταβείτε στις Ρυθμίσεις > Αποστολή και παράδοση.
Στην ενότητα Έγγραφα, κάντε κλικ στο Πρότυπο δελτίου αποστολής.
Βρείτε την ακόλουθη μεταβλητή Liquid που αναφέρεται στο όνομα του καταστήματός σας και προσθέστε μια αλλαγή γραμμής μεταξύ των δύο γραμμών:
<div class="shop-title">
|
<p class="to-uppercase">- Στον χώρο που δημιουργήσατε, γράψτε τον ακόλουθο κώδικα χρησιμοποιώντας το όνομα του αρχείου που μεταφορτώσατε νωρίτερα (για παράδειγμα,
shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>- Επιλέξτε Προεπισκόπηση προτύπου για να κάνετε προεπισκόπηση των αλλαγών σας.
- Κάντε κλικ στην επιλογή Αποθήκευση.
Προσθήκη λογότυπου δίπλα στο όνομα του καταστήματος
Αν θέλετε να προσθέσετε το λογότυπό σας δίπλα στο όνομα του καταστήματός σας, στο επάνω μέρος των δελτίων συσκευασίας, τότε ακολουθήστε τα παρακάτω βήματα.
Βήματα:
Από τον Διαχειριστή Shopify, μεταβείτε στις Ρυθμίσεις > Αποστολή και παράδοση.
Στην ενότητα Έγγραφα, κάντε κλικ στο Πρότυπο δελτίου αποστολής.
Βρείτε την ακόλουθη μεταβλητή Liquid που αναφέρεται στο όνομα του καταστήματός σας:
<p class="to-uppercase">
{{ shop.name }}
</p>- Επισημάνετε αυτόν τον κώδικα και διαγράψτε τον.
- Στον χώρο που δημιουργήσατε, γράψτε τον ακόλουθο κώδικα χρησιμοποιώντας το όνομα του αρχείου που μεταφορτώσατε νωρίτερα (για παράδειγμα,
shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
{{ shop.name }}
</span>- Βρείτε τις ακόλουθες μεταβλητές Liquid:
.shop-title {
-webkit-box-flex: 6;
-webkit-flex: 6;
flex: 6;
font-size: 1.9em;
}- Προσθέστε μια νέα γραμμή στο τέλος των μεταβλητών που αναφέρονται παραπάνω και επικολλήστε τον ακόλουθο κώδικα:
.shop-title img {
vertical-align: middle;
}
.shop-title span {
vertical-align: middle;
}- Επιλέξτε Προεπισκόπηση προτύπου για να κάνετε προεπισκόπηση των αλλαγών σας.
- Κάντε κλικ στην επιλογή Αποθήκευση.
Διαμόρφωση δελτίων συσκευασίας με χρήση CSS
Μπορείτε να προσαρμόσετε το δελτίο συσκευασίας σας χρησιμοποιώντας τα αρχεία CSS που μεταφορτώνετε στο Shopify. Τα αρχεία CSS που φιλοξενούνται εκτός του Shopify δεν θα αποδοθούν σωστά.
Βήματα:
Από τον Διαχειριστή Shopify, μεταβείτε στο Περιεχόμενο > Αρχεία.
Κάντε κλικ στην επιλογή Μεταφόρτωση αρχείων.
Επιλέξτε και μεταφορτώστε το αρχείο CSS σας.
Αντιγράψτε το URL του αρχείου όταν ολοκληρωθεί η μεταφόρτωση.
Συμπεριλάβετε τον ακόλουθο κώδικα:
<link
rel="stylesheet"
type="text/css"
href="https://cdn.shopify.com/path_to_file/styles.css"
>