Εμφάνιση του Shop Promise στη σελίδα του προϊόντος σας
Το σήμα Shop Promise εμφανίζεται δίπλα στις ημερομηνίες παράδοσης και στις σελίδες προϊόντων για τις κατάλληλες παραδόσεις που εκτιμάται ότι θα παραδοθούν εντός των Ηνωμένων Πολιτειών σε πέντε ή λιγότερες ημερολογιακές ημέρες. Αυτό το σήμα ενημερώνει τους πελάτες ότι η παραγγελία τους περιλαμβάνει γρήγορη και αξιόπιστη παράδοση.
Αφού ενεργοποιήσετε το Shop Promise, θα πρέπει να μεταβείτε στη σελίδα προϊόντος χρησιμοποιώντας το πρόγραμμα επεξεργασίας θεμάτων για να επιβεβαιώσετε ότι το σήμα Shop Promise εμφανίζεται σωστά.
Αν το σήμα δεν εμφανίζεται σωστά, βεβαιωθείτε ότι το κατάστημά σας έχει ενεργοποιήσει τα κουμπιά ταχείας ολοκλήρωσης αγοράς. Έχετε, επίσης, διάφορες επιλογές για την προσαρμογή της εμφάνισης του σήματος Shop Promise.
Σε αυτή τη σελίδα
Χειροκίνητη τοποθέτηση της ενότητας Shop Promise
Αν είστε εξοικειωμένοι με την ανάγνωση και την επεξεργασία του κώδικα του θέματος, τότε μπορείτε να εντοπίσετε πού πρέπει να γίνουν αλλαγές και να ενημερώσετε τη σελίδα του προϊόντος.
Εντοπισμός σημείων για την πραγματοποίηση αλλαγών
Ο κώδικας για την ενότητα Shop Promise πρέπει να συμπεριληφθεί στη φόρμα προϊόντος στη σελίδα του προϊόντος, η οποία θα πρέπει να είναι παρόμοια με τη {%- form 'product', product -%}. Η ενότητα Shop Promise μπορεί να βρεθεί σε διάφορες τοποθεσίες ανάλογα με το θέμα σας. Οι παρακάτω είναι συνήθεις τοποθεσίες:
main-product.liquidproduct-form.liquidproduct-template.liquidproduct.liquid
Ενημέρωση της σελίδας του προϊόντος
Βήματα:
Υπολογιστής
Από τον Διαχειριστή Shopify, μεταβείτε στην ενότητα Ηλεκτρονικό κατάστημα > Θέματα.
Βρείτε το θέμα που θέλετε να επεξεργαστείτε, κάντε κλικ στο εικονίδιο
για να ανοίξετε το μενού ενεργειών και, στη συνέχεια, κάντε κλικ στην επιλογή Επεξεργασία κώδικα.Ανοίξτε το σχετικό αρχείο.
Βρείτε τη γραμμή που περιέχει
{%- if block.settings.show_dynamic_checkout -%}ή{{ form | payment_button }}.Δημιουργήστε μια νέα γραμμή ακριβώς κάτω από τη γραμμή
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}και επικολλήστε τα παρακάτω σε αυτήν τη γραμμή:
<div class="delivery-promise__promise-container"></div>- Κάντε κλικ στο κουμπί Αποθήκευση.
Το αποτέλεσμα θα πρέπει να είναι παρόμοιο με το παρακάτω:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>Κινητό
Από το Shopify app, πατήστε το εικονίδιο
.Στην ενότητα Κανάλια πωλήσεων, πατήστε Ηλεκτρονικό κατάστημα > Διαχείριση όλων των θεμάτων.
Βρείτε το θέμα που θέλετε να επεξεργαστείτε, πατήστε το κουμπί … για να ανοίξετε το μενού ενεργειών και, στη συνέχεια, πατήστε Επεξεργασία κώδικα.
Ανοίξτε το σχετικό αρχείο.
Βρείτε τη γραμμή που περιέχει
{%- if block.settings.show_dynamic_checkout -%}ή{{ form | payment_button }}.Δημιουργήστε μια νέα γραμμή ακριβώς κάτω από τη γραμμή
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}και επικολλήστε τα παρακάτω σε αυτήν τη γραμμή:
<div class="delivery-promise__promise-container"></div>- Πατήστε Αποθήκευση ή ✓.
Το αποτέλεσμα θα πρέπει να είναι παρόμοιο με το παρακάτω:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>Χειροκίνητη παράκαμψη του θέματος της ενότητας Shop Promise
Η ενότητα Shop Promise έχει ένα σκούρο και ένα ανοιχτό θέμα. Η ενότητα χρησιμοποιεί αυτόματα όποιο θέμα έχει την υψηλότερη αναλογία αντίθεσης σε σύγκριση με το χρώμα φόντου της σελίδας του προϊόντος.
Αν είστε εξοικειωμένοι με την ανάγνωση και την επεξεργασία του κώδικα του θέματος, τότε μπορείτε να παρακάμψετε το επιλεγμένο θέμα της ενότητας προσθέτοντας ένα χαρακτηριστικό δεδομένων στο στοιχείο anchor που χρησιμοποιείται για τη χειροκίνητη τοποθέτηση της ενότητας Shop Promise.
Πριν κάνετε οποιεσδήποτε αλλαγές, δημιουργήστε ένα αντίγραφο του θέματός σας και επεξεργαστείτε το διπλότυπο θέμα, ώστε να μπορείτε να επαναφέρετε εύκολα τυχόν αλλαγές.
Βήματα:
Υπολογιστής
- Ακολουθήστε τις οδηγίες για τη χειροκίνητη τοποθέτηση της ενότητας Shop Promise στη σελίδα του προϊόντος σας και, στη συνέχεια, διατηρήστε ανοιχτό το πρόγραμμα επεξεργασίας θεμάτων.
- Προσθέστε ένα χαρακτηριστικό δεδομένων θέματος στο στοιχείο anchor που μόλις δημιουργήσατε, ορίζοντάς το σε σκούρο ή ανοιχτό.
- Κάντε κλικ στο κουμπί Αποθήκευση.
Το αποτέλεσμα θα πρέπει να είναι παρόμοιο με ένα από τα παρακάτω:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Ή
<div class="delivery-promise__promise-container" data-theme="light"></div>Κινητό
- Ακολουθήστε τις οδηγίες για τη χειροκίνητη τοποθέτηση της ενότητας Shop Promise στη σελίδα του προϊόντος σας και, στη συνέχεια, διατηρήστε ανοιχτό το πρόγραμμα επεξεργασίας θεμάτων.
- Προσθέστε ένα χαρακτηριστικό δεδομένων θέματος στο στοιχείο anchor που μόλις δημιουργήσατε, ορίζοντάς το σε σκούρο ή ανοιχτό.
- Πατήστε Αποθήκευση.
Το αποτέλεσμα θα πρέπει να είναι παρόμοιο με ένα από τα παρακάτω:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Ή
<div class="delivery-promise__promise-container" data-theme="light"></div>Προσθήκη προσαρμοσμένου κώδικα HTML ή Liquid για την ενότητα Promise
Αν το θέμα σας υποστηρίζει προσαρμοσμένα μπλοκ, τότε μπορείτε να χρησιμοποιήσετε ένα μπλοκ προσαρμοσμένου Liquid για να προσθέσετε την ενότητα Shop Promise στη σελίδα του προϊόντος σας χωρίς να επεξεργαστείτε τον κώδικα του θέματος.
Βήματα για την προσθήκη της ενότητας Promise με χρήση ενός μπλοκ προσαρμοσμένου Liquid:
Υπολογιστής
Από τον Διαχειριστή Shopify, μεταβείτε στην ενότητα Ηλεκτρονικό κατάστημα > Θέματα.
Βρείτε το θέμα που θέλετε να επεξεργαστείτε και κάντε κλικ στην επιλογή Επεξεργασία θέματος.
Μεταβείτε σε μια σελίδα προϊόντος χρησιμοποιώντας το εργαλείο επιλογής προτύπου στην επάνω γραμμή μενού.
Στο μενού της πλαϊνής γραμμής, βρείτε την ενότητα Πληροφορίες προϊόντος.
Κάντε κλικ στην επιλογή Προσθήκη μπλοκ και επιλέξτε προσαρμοσμένο Liquid από τη λίστα των διαθέσιμων μπλοκ.
Στο πεδίο κειμένου του προσαρμοσμένου Liquid, επικολλήστε τον παρακάτω κώδικα:
<div class="delivery-promise__promise-container"></div>- Τοποθετήστε το μπλοκ σύροντάς το στην επιθυμητή θέση, συνήθως κάτω από το μπλοκ με τα κουμπιά αγοράς.
- Κάντε κλικ στην επιλογή Αποθήκευση για να εφαρμόσετε τις αλλαγές σας.
Αν θέλετε να καθορίσετε μια προτίμηση θέματος (σκούρο ή ανοιχτό), χρησιμοποιήστε ένα από τα παρακάτω:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Ή
<div class="delivery-promise__promise-container" data-theme="light"></div>Κινητό
Από το Shopify app, πατήστε το εικονίδιο
.Στην ενότητα Κανάλια πωλήσεων, πατήστε Ηλεκτρονικό κατάστημα > Διαχείριση όλων των θεμάτων.
Βρείτε το ενεργό θέμα σας και πατήστε Επεξεργασία θέματος.
Μεταβείτε σε μια σελίδα προϊόντος χρησιμοποιώντας το εργαλείο επιλογής προτύπου στο επάνω μέρος.
Πατήστε την ενότητα Πληροφορίες προϊόντος.
Πατήστε Προσθήκη μπλοκ και επιλέξτε Custom Liquid.
Στο πεδίο κειμένου του προσαρμοσμένου Liquid, επικολλήστε τον παρακάτω κώδικα:
<div class="delivery-promise__promise-container"></div>- Τοποθετήστε το μπλοκ σύροντάς το στην επιθυμητή θέση, συνήθως κάτω από το μπλοκ με τα κουμπιά αγοράς.
- Πατήστε Αποθήκευση για να εφαρμόσετε τις αλλαγές σας.
Αν θέλετε να καθορίσετε μια προτίμηση θέματος (σκούρο ή ανοιχτό), χρησιμοποιήστε ένα από τα παρακάτω:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Ή
<div class="delivery-promise__promise-container" data-theme="light"></div>Υποστηριζόμενες γλώσσες για το σήμα Shop Promise
Ανατρέξτε στον παρακάτω πίνακα για τις γλώσσες στις οποίες μπορεί να εμφανίζεται το σήμα Shop Promise. Εάν η γλώσσα του καταστήματός σας δεν υποστηρίζεται, τότε το σήμα Shop Promise εμφανίζεται στα Αγγλικά.
| Κινεζικά (Απλοποιημένα) | Κινεζικά (Παραδοσιακά) | Κροατικά | Τσεχικά |
| Δανικά | Ολλανδικά | Αγγλικά | Φινλανδικά |
| Γαλλικά | Γερμανικά | Ελληνικά | Χίντι |
| Ουγγρικά | Ινδονησιακά | Ιταλικά | Ιαπωνικά |
| Κορεατικά | Λιθουανικά | Μαλαισιανά | Νορβηγικά (Bokmål) |
| Πολωνικά | Πορτογαλικά (Βραζιλίας) | Πορτογαλικά (Πορτογαλίας) | Ρουμανικά |
| Ρωσικά | Σλοβακικά | Σλοβενικά | Ισπανικά |
| Σουηδικά | Ταϊλανδικά | Τουρκικά | Βιετναμικά |