Βοήθεια
Σύνδεση

Ρύθμιση αναπτυσσόμενων μενού στο διαδικτυακό σας κατάστημα

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

Μπορείτε επίσης να προσθέσετε, να αφαιρέσετε ή να επεξεργαστείτε στοιχεία μενού σε αναπτυσσόμενα μενού ή στα προεπιλεγμένα μενού σας.

Μπορείτε να προβάλετε και να αλλάξετε τα μενού του διαδικτυακού σας καταστήματος από το Περιεχόμενο > Μενού στον Διαχειριστή Shopify.

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

Εμφώλευση στοιχείων μενού για τη δημιουργία αναπτυσσόμενων μενού

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

Όλα τα θέματα θα εμφανίζουν τα εμφωλευμένα στοιχεία ως αναπτυσσόμενα μενού από το κύριο μενού και ορισμένα θέματα θα εμφανίζουν τα εμφωλευμένα στοιχεία ως αναπτυσσόμενα μενού σε άλλες τοποθεσίες.

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

Προσθήκη αναπτυσσόμενου μενού από το κύριο μενού

Μπορείτε να προσθέσετε ένα αναπτυσσόμενο μενού από οποιοδήποτε από τα στοιχεία του κύριου μενού.

Βήματα:

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

  1. Από τον Διαχειριστή Shopify, μεταβείτε στο Περιεχόμενο > Μενού.

  2. Κάντε κλικ στο όνομα του κύριου μενού σας.

  3. Επιλέξτε ένα από τα στοιχεία του κύριου μενού για να γίνει η επικεφαλίδα του αναπτυσσόμενου μενού σας ή προσθέστε ένα νέο στοιχείο μενού. Αν δεν θέλετε η επικεφαλίδα να συνδέεται με τίποτα, πληκτρολογήστε # στο πεδίο Αναζήτηση ή επικόλληση συνδέσμου για το στοιχείο μενού της επικεφαλίδας.

  4. Για να προσθέσετε ένα στοιχείο μενού που θα συμπεριληφθεί στο αναπτυσσόμενο μενού, ολοκληρώστε τις ακόλουθες ενέργειες:

    1. Κάντε κλικ στην επιλογή Προσθήκη στοιχείου μενού.
    2. Στο πεδίο Όνομα, εισαγάγετε ένα όνομα για το στοιχείο μενού σας.
    3. Στο πεδίο Αναζήτηση ή επικόλληση συνδέσμου, εισαγάγετε ή επιλέξτε έναν προορισμό για το στοιχείο μενού σας.

  5. Κάντε κλικ στην επιλογή Προσθήκη και, στη συνέχεια, κάντε κλικ στο εικονίδιο Σύρετε και σύρετε το στοιχείο μενού για να το ενσωματώσετε κάτω από το στοιχείο μενού της επικεφαλίδας.

  6. Κάντε κλικ στην επιλογή Αποθήκευση μενού.

Κινητό

  1. Από την εφαρμογή Shopify, πατήστε το εικονίδιο Menu.

  2. Στο μενού Περιεχόμενα, πατήστε το εικονίδιο κάτω βέλος και, στη συνέχεια, πατήστε Μενού.

  3. Πατήστε το όνομα του κύριου μενού σας.

  4. Επιλέξτε ένα από τα στοιχεία του κύριου μενού για να γίνει η επικεφαλίδα για το αναπτυσσόμενο μενού σας ή προσθέστε ένα νέο στοιχείο μενού για να γίνει η επικεφαλίδα. Εάν δεν θέλετε η επικεφαλίδα να οδηγεί σε κάποιον σύνδεσμο, εισαγάγετε # στο πεδίο Αναζήτηση ή επικόλληση συνδέσμου για το στοιχείο μενού της επικεφαλίδας.

  5. Για να προσθέσετε ένα στοιχείο μενού που θα συμπεριληφθεί στο αναπτυσσόμενο μενού, ολοκληρώστε τις ακόλουθες ενέργειες:

    1. Πατήστε Προσθήκη στοιχείου μενού.
    2. Στο πεδίο Όνομα, εισαγάγετε ένα όνομα για το στοιχείο μενού σας.
    3. Στο πεδίο Αναζήτηση ή επικόλληση συνδέσμου, εισαγάγετε ή επιλέξτε έναν προορισμό για το στοιχείο μενού σας.

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

  7. Πατήστε Αποθήκευση ή ✓.

Τα αναπτυσσόμενα μενού μπορούν επίσης να υλοποιηθούν στα μενού υποσέλιδου.

Βήματα:

  1. Από τον Διαχειριστή Shopify, μεταβείτε στο Περιεχόμενο > Μενού.
  2. Προαιρετικά: Ακολουθήστε τις ίδιες αρχές εμφώλευσης που χρησιμοποιούνται για τα κύρια μενού, όπως η μεταφορά στοιχείων μενού κάτω από ένα στοιχείο επικεφαλίδας για να δημιουργήσετε μια δομή αναπτυσσόμενου μενού, κάνοντας κλικ στο Σύρετε και σύροντας τα στοιχεία στη θέση τους.
  3. Εισαγάγετε # στο πεδίο Σύνδεσμος για στοιχεία επικεφαλίδας που δεν πρέπει να οδηγούν σε μια σελίδα (για παράδειγμα, επικεφαλίδες «Υποστήριξη» ή «Εξερεύνηση»).

Ζητήματα συμβατότητας θέματος

Εξετάστε τα παρακάτω ζητήματα σχετικά με την προσθήκη αναπτυσσόμενων μενού στο θέμα σας:

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

Προσδιορισμός εάν το θέμα σας υποστηρίζει εμφωλευμένα αναπτυσσόμενα μενού

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

  1. Ελέγξτε την τεκμηρίωση του θέματός σας: Ανατρέξτε στην τεκμηρίωση του θέματος για συγκεκριμένες πληροφορίες σχετικά με τις δυνατότητες του μενού και τα υποστηριζόμενα επίπεδα εμφώλευσης.
  2. Δοκιμάστε τα εμφωλευμένα στοιχεία: Δημιουργήστε μια δοκιμαστική δομή μενού με τον επιθυμητό αριθμό εμφωλευμένων επιπέδων και επαληθεύστε ότι εμφανίζεται σωστά τόσο σε επιτραπέζιους υπολογιστές όσο και σε κινητές συσκευές.

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

Βέλτιστες πρακτικές για αναπτυσσόμενα μενού

Εξετάστε τις παρακάτω βέλτιστες πρακτικές για να δημιουργήσετε μια χρήσιμη δομή μενού που να λειτουργεί καλά σε όλες τις συσκευές:

  • Χρησιμοποιήστε περιγραφικές ετικέτες, όπως «Αγορά ανά κατηγορία», για στοιχεία μενού ανώτατου επιπέδου με συνδέσμους #.
  • Βεβαιωθείτε ότι τα μενού είναι βελτιστοποιημένα για κινητές συσκευές. Μπορείτε να δοκιμάσετε τα μενού σε κινητές συσκευές για να επιβεβαιώσετε ότι τα αναπτυσσόμενα μενού αναπτύσσονται όπως αναμένεται.
  • Προσθέστε επτά ή λιγότερα στοιχεία μενού ανώτατου επιπέδου για να αποφύγετε τον συνωστισμό.
  • Χρησιμοποιήστε σαφείς και περιγραφικούς τίτλους συνδέσμων. Για παράδειγμα «Συλλογές» και «Καλοκαιρινά φορέματα».
  • Κάθε μενού μπορεί να έχει έως 10.000 στοιχεία και το κατάστημά σας μπορεί να έχει έως και 1.000 μενού συνολικά. Κάθε στοιχείο μενού με υποστοιχεία σε ένα αναπτυσσόμενο μενού υπολογίζεται ως ξεχωριστό μενού για αυτό το όριο.

Προσβασιμότητα αναπτυσσόμενου μενού

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

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

Αν θέλετε οι πελάτες να έχουν πρόσβαση σε μια σελίδα κύριας κατηγορίας (όπως «Όλα τα προϊόντα» ή «Όλες οι συλλογές»), τότε προσθέστε την ως το πρώτο στοιχείο μέσα στο ίδιο το αναπτυσσόμενο μενού, αντί να κάνετε την επικεφαλίδα με δυνατότητα κλικ.

Αντιμετώπιση συνήθων προβλημάτων

Εξετάστε τις παρακάτω λύσεις για συνήθη προβλήματα που ενδέχεται να αντιμετωπίσετε κατά τη ρύθμιση των μενού πλοήγησης:

  • Ανακατευθύνσεις μενού σε κινητές συσκευές: Αν ένας σύνδεσμος μενού ανώτατου επιπέδου ανακατευθύνει σε μια νέα σελίδα όταν τον πατάτε, τότε ελέγξτε το μενού στον Διαχειριστή Shopify για να επιβεβαιώσετε ότι το πεδίο συνδέσμου του μενού είναι #.

  • Προβλήματα ορατότητας: Εάν δεν εμφανίζονται εμφωλευμένα στοιχεία, βεβαιωθείτε ότι έχουν μεταφερθεί πλήρως κάτω από το στοιχείο της επικεφαλίδας και ότι υπάρχει εσοχή στη διεπαφή Μενού. Επιβεβαιώστε ότι το θέμα σας υποστηρίζει τον αριθμό των εμφωλευμένων επιπέδων που έχετε ορίσει.

  • Συμβατότητα θέματος: Εάν αντιμετωπίζετε προβλήματα με τα αναπτυσσόμενα μενού, βεβαιωθείτε ότι το θέμα σας υποστηρίζει τον αριθμό των εμφωλευμένων επιπέδων που προσπαθείτε να υλοποιήσετε. Ορισμένα θέματα ενδέχεται να απαιτούν πρόσθετη προσαρμογή για την υποστήριξη πολλαπλών επιπέδων εμφώλευσης.

  • Αποκλεισμός δημιουργίας εμφωλευμένου μενού: Εάν εμφανιστεί το σφάλμα «Το μενού δεν μπορεί να περιέχει εμφωλευμένα μενού. Δηλώστε συμμετοχή στη δυνατότητα εμφωλευμένης πλοήγησης για να το χρησιμοποιήσετε», τότε το κατάστημά σας μπορεί να χρειάζεται την ενεργοποίηση της δυνατότητας εμφωλευμένης πλοήγησης. Αυτό συνήθως επηρεάζει καταστήματα που δημιουργήθηκαν πριν από το 2018. Επικοινωνήστε με την Υποστήριξη Shopify εάν αντιμετωπίσετε αυτό το σφάλμα.

  • Εμφάνιση λανθασμένου μενού: Εάν έχετε πολλούς συνδέσμους πλοήγησης που οδηγούν στην ίδια σελίδα (όπως η αρχική σας σελίδα), τότε το θέμα σας ενδέχεται να εμφανίσει λάθος υπομενού. Βεβαιωθείτε ότι κάθε ενότητα πλοήγησης συνδέεται με μια μοναδική σελίδα για να αποφύγετε τη σύγχυση.

  • Εξαφάνιση στοιχείων μενού: Εάν οι σύνδεσμοι μενού εξαφανίζονται χωρίς να έχουν διαγραφεί, ελέγξτε αν έχετε διαγράψει τα προϊόντα, τις συλλογές ή τις σελίδες με τις οποίες συνδέονταν τα στοιχεία του μενού. Η διαγραφή του συνδεδεμένου πόρου καταργεί επίσης το στοιχείο μενού.

Προσαρμογή κώδικα θέματος για αναπτυσσόμενα μενού

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