Προηγμένες προσαρμογές εμφάνισης προϊόντων και συλλογών για το πρόσθετο Shopify

Αυτές οι προηγμένες ρυθμίσεις σάς βοηθούν να προσαρμόσετε το ηλεκτρονικό κατάστημά σας στο WordPress, να εξατομικεύσετε την επωνυμία της επιχείρησής σας και να βελτιώσετε την αγοραστική εμπειρία των πελατών σας.

Το πρόσθετο Shopify και τα συστατικά του ηλεκτρονικού καταστήματος Shopify

Το πρόσθετο Shopify έχει δημιουργηθεί με Shopify Storefront Web Components. Τα ακόλουθα συστατικά χρησιμοποιούνται ως δομικά στοιχεία του ηλεκτρονικού σας καταστήματος Shopify:

• Συστατικό Κάρτας Προϊόντος: Αυτό το συστατικό εμφανίζει μεμονωμένες πληροφορίες προϊόντος, οι οποίες συνήθως εμφανίζονται σε καταχωρίσεις προϊόντων ή σελίδες συλλογής. Συχνά περιλαμβάνει στοιχεία όπως η εικόνα του προϊόντος, ο τίτλος, η τιμή και ένα κουμπί «Προσθήκη στο καλάθι».
• Συστατικό Παραθύρου Γρήγορης Προβολής Προϊόντος: Αυτό το συστατικό εμφανίζει ένα παράθυρο πάνω από το υπάρχον περιεχόμενο με λεπτομέρειες προϊόντος, ένα κουμπί «Προσθήκη στο καλάθι» και έναν σύνδεσμο για την προβολή των πλήρων λεπτομερειών του προϊόντος.
• Συστατικό Σελίδας Λεπτομερειών Προϊόντος: Αυτό το συστατικό εμφανίζει ένα μεμονωμένο προϊόν, με πλήρεις λεπτομέρειες προϊόντος. Κάθε συστατικό σελίδας λεπτομερειών προϊόντος έχει ένα μοναδικό URL.
• Συστατικό Συλλογής: Αυτό το συστατικό εμφανίζει τις συλλογές προϊόντων που έχετε δημιουργήσει.

Προσαρμογή εμφάνισης προϊόντων και συλλογών Shopify

Τα προεπιλεγμένα συστατικά του ηλεκτρονικού καταστήματος Shopify στο πρόσθετό σας διαθέτουν εργαλεία που βοηθούν στη δημιουργία μιας απρόσκοπτης αγοραστικής εμπειρίας. Έχετε επίσης την ευελιξία να προσαρμόσετε την εμφάνιση αυτών των συστατικών ώστε να ευθυγραμμίζονται με τη συγκεκριμένη ταυτότητα της επωνυμίας σας και τις απαιτήσεις σχεδιασμού σας.

Για να πραγματοποιήσετε τέτοιες προσαρμογές, πρέπει να έχετε πρόσβαση για την τροποποίηση των αρχείων και των καταλόγων του θέματος του WordPress. Η διαδικασία περιλαμβάνει τη δημιουργία ενός αποκλειστικού φακέλου στον κατάλογο του ενεργού σας θέματος WordPress.

Βήματα:

1. Δημιουργία του φακέλου Shopify: Ξεκινήστε δημιουργώντας έναν νέο φάκελο με το όνομα Shopify απευθείας στον κατάλογο του ενεργού σας θέματος. Αυτός ο φάκελος χρησιμεύει ως η κεντρική τοποθεσία για τις προσαρμοσμένες παρακάμψεις συστατικών σας.
2. Παράκαμψη μεμονωμένων συστατικών: Για να τροποποιήσετε ένα συγκεκριμένο συστατικό, προσθέστε ένα αρχείο PHP με ένα καθορισμένο όνομα μέσα στον νεοδημιουργηθέντα Shopify φάκελο. Η σύμβαση ονομασίας για αυτά τα αρχεία παράκαμψης είναι ζωτικής σημασίας ώστε το πρόσθετο να μπορεί να αναγνωρίσει και να εφαρμόσει τις προσαρμοσμένες εκδόσεις σας:
   • Για να παρακάμψετε το Συστατικό Κάρτας Προϊόντος, δημιουργήστε ένα αρχείο PHP με το όνομα product-card.php μέσα στον φάκελο Shopify.
   • Για να παρακάμψετε το Συστατικό Παραθύρου Γρήγορης Προβολής Προϊόντος, δημιουργήστε ένα αρχείο PHP με το όνομα modal.php μέσα στον φάκελο Shopify.
   • Για να παρακάμψετε το Συστατικό σελίδας λεπτομερειών προϊόντος, δημιουργήστε ένα αρχείο PHP με το όνομα pdp.php εντός του φακέλου Shopify.
   • Για να παρακάμψετε το Συστατικό συλλογής, δημιουργήστε ένα αρχείο PHP με το όνομα component.php εντός του φακέλου Shopify.

Αφού δημιουργηθεί το προσαρμοσμένο αρχείο PHP, το πρόσθετο παραβλέπει το προεπιλεγμένο αρχείο συστατικού για το συγκεκριμένο στοιχείο. Μπορείτε να εφαρμόσετε οποιονδήποτε κώδικα εντός αυτών των αρχείων παράκαμψης, από στατικά μπλοκ HTML έως σύνθετη λογική PHP.

Αν και συνιστάται ανεπιφύλακτα να αξιοποιήσετε τα Shopify Storefront Web Components (όπως χρησιμοποιούνται στην προεπιλεγμένη δομή του προσθέτου) για συνέπεια και πρόσβαση σε ενσωματωμένες λειτουργίες του Shopify, δεν περιορίζεστε σε αυτά. Μπορείτε να ενσωματώσετε άλλες μεθόδους για τη λήψη και την εμφάνιση δεδομένων προϊόντων και συλλογών, κάτι που επιτρέπει προηγμένες προσαρμογές.

Για περισσότερες πληροφορίες και βέλτιστες πρακτικές, ανατρέξτε στην τεκμηρίωση για προγραμματιστές του προσθέτου WordPress.

Αντικαταστάσεις συνδέσμων για προϊόντα και συλλογές Shopify

Όταν δημοσιεύετε ένα προϊόν ή μια συλλογή στο Shopify, κάθε προϊόν και συλλογή έχει ένα μοναδικό URL. Από προεπιλογή, αυτά τα URL δημιουργούνται με το domain του Shopify. Με τη λειτουργία αντικαταστάσεων, μπορείτε να έχετε πρόσβαση σε αυτά τα μοναδικά URL με το δημόσιο domain του WordPress.

Βήματα:

1. Από το πρόσθετο του Shopify, μεταβείτε στις Ρυθμίσεις.
2. Στην καρτέλα Για προχωρημένους, βεβαιωθείτε ότι τα δύο πλαίσια επιλογής στην ενότητα Αντικαταστάσεις συνδέσμων Shopify είναι ενεργοποιημένα.
3. Μεταβείτε στους Μόνιμους συνδέσμους.
4. Κάντε κλικ στην επιλογή Αποθήκευση για να εφαρμόσετε αυτόν τον νέο κανόνα.
5. Μεταβείτε στον Διαχειριστή Shopify και, στη συνέχεια, μεταβείτε στη σελίδα λεπτομερειών του προϊόντος ή της συλλογής για την οποία θέλετε να δημιουργήσετε έναν σύνδεσμο WordPress.
6. Στην κάρτα καταχώρισης μηχανής αναζήτησης, εμφανίζεται ένα URL που συνδέει απευθείας τους πελάτες με το προϊόν ή τη συλλογή σας. Για παράδειγμα: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
7. Προσθέστε το products/huskee-reusable-cup στο τέλος του URL του ιστοτόπου σας στο WordPress. Για παράδειγμα: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

Προσαρμογή της συμπεριφοράς της κάρτας προϊόντος

Με τα συστατικά ηλεκτρονικού καταστήματος του Shopify, υπάρχουν δύο τύποι καρτών λεπτομερειών προϊόντος:

1. Γρήγορη προβολή: Όταν ο δείκτης του ποντικιού βρίσκεται πάνω στην κάρτα του προϊόντος, ο πελάτης έχει την επιλογή Γρήγορη αγορά. Όταν γίνει κλικ, οι λεπτομέρειες του προϊόντος εμφανίζονται σε στυλ αναδυόμενου παραθύρου ή παραθύρου διαλόγου πάνω από το υπάρχον περιεχόμενο στο παρασκήνιο.
2. Λεπτομερής σελίδα προϊόντος: Όταν ένας πελάτης κάνει κλικ στην κάρτα προϊόντος, όπως στην εικόνα ή στο όνομα του προϊόντος, οι λεπτομέρειες του προϊόντος εμφανίζονται σε προβολή πλήρους σελίδας με ένα μοναδικό URL.

Μπορείτε να αλλάξετε αυτή τη ρύθμιση ώστε να εμφανίζεται μόνο η γρήγορη προβολή, μόνο η λεπτομερής σελίδα προϊόντος ή και τα δύο.

Βήματα:

1. Από το πρόσθετο του Shopify στο WordPress, μεταβείτε στις Ρυθμίσεις.
2. Από την καρτέλα Για προχωρημένους, μεταβείτε στην ενότητα Προβολή προϊόντος.
3. Επιλέξτε την επιλογή που ταιριάζει καλύτερα στο κατάστημά σας.
4. Κάντε κλικ στην επιλογή Αποθήκευση.