Το Header είναι η μπάρα στο πάνω μέρος του καταστήματός σας με το λογότυπο, το μενού, την αναζήτηση, το καλάθι και τον επιλογέα χώρας. Αυτό το άρθρο εξηγεί κάθε ρύθμιση της κεφαλίδας και τα πέντε μπλοκ της.
Πού θα το βρείτε
Ανοίξτε τον builder και κάντε κλικ στην κεφαλίδα στην προεπισκόπηση, ή επιλέξτε Header στην καρτέλα Sections. Για να προσθέσετε μία, κάντε κλικ στο Add new section και επιλέξτε Header στην ομάδα Layout. Μπορείτε να έχετε μία κεφαλίδα ανά σελίδα, σε οποιαδήποτε σελίδα. Κάθε σελίδα κρατά το δικό της αντίγραφο, οπότε χρησιμοποιήστε το Apply to all pages όταν τελειώσετε, δείτε Τμήματα και μπλοκ.
Η κεφαλίδα έχει πάντα τα ίδια πέντε μπλοκ: Logo, Menu, Search, Cart και Localization. Δεν μπορείτε να τα προσθέσετε, να τα αφαιρέσετε ή να αλλάξετε τη σειρά τους. Τα τοποθετείτε με τις δικές τους ρυθμίσεις Position και Row.
Ρυθμίσεις κεφαλίδας
- Sticky header: το On scroll up κρύβει την κεφαλίδα όταν οι αγοραστές κυλούν προς τα κάτω και την επαναφέρει όταν κυλούν προς τα πάνω. Το Always την κρατά πάντα στο πάνω μέρος. Το Sticky with reduced logo την κρατά στο πάνω μέρος και τη μικραίνει (λιγότερα περιθώρια, μικρότερο λογότυπο) μόλις οι αγοραστές κυλήσουν. Το Never την αφήνει να φεύγει μαζί με τη σελίδα.
- Width: το Page κρατά το περιεχόμενο μέσα στο πλάτος της σελίδας σας, το Full το απλώνει από άκρη σε άκρη.
- Color scheme: τα χρώματα φόντου, κειμένου και συνδέσμων της κεφαλίδας.
- Transparent header: αφαιρεί το φόντο της κεφαλίδας ώστε να φαίνεται από πίσω η εικόνα του hero. Δείτε παρακάτω.
- Padding (πάνω, αριστερά, δεξιά, κάτω) και η καρτέλα Custom CSS.
Διάφανη κεφαλίδα
Λειτουργεί μόνο όταν ένα Hero είναι το πρώτο ορατό τμήμα ακριβώς κάτω από την κεφαλίδα, γιατί η κεφαλίδα δανείζεται το χρωματικό σχήμα του hero για το κείμενο και τα εικονίδιά της. Χάνει το φόντο, το περίγραμμα και τη σκιά της, και θολώνει ελαφρά ό,τι βρίσκεται από πίσω. Όταν οι αγοραστές κυλήσουν πέρα από το hero, η κεφαλίδα παίρνει πίσω τα δικά της χρώματα. Ο πίνακας αναζήτησης και η λίστα χωρών κρατούν τα χρώματα της κεφαλίδας. Οι ρυθμίσεις του hero βρίσκονται στο Τμήμα Hero.
Λογότυπο
- Logo: επιλέξτε την εικόνα του λογοτύπου σας. Χωρίς εικόνα, το όνομα του καταστήματός σας εμφανίζεται ως κείμενο.
- Position: Left, Center ή Right. Width και Height: το μέγεθος του πλαισίου του λογοτύπου σε pixels.
- Desktop padding: χώρος γύρω από το λογότυπο μόνο σε υπολογιστές.
Το λογότυπο ανοίγει την αρχική σας σελίδα όταν κάνετε κλικ πάνω του. Για να το σταματήσετε, ενεργοποιήστε το Prevent clicking the logo to go home, δείτε Ρυθμίσεις απαγορεύσεων.
Μενού
Επιλέξτε ένα από τα μενού σας στο Menu. Οι υπόλοιπες ρυθμίσεις εμφανίζονται μόλις επιλέξετε μενού. Τα μενού δημιουργούνται όπως περιγράφεται στο Πώς δημιουργώ μενού πλοήγησης και τα προσθέτω στην κεφαλίδα και στο υποσέλιδο;.
- Type: Mega (μεγάλοι πίνακες με στήλες), Dropdown (απλές λίστες) ή Drawer (πλαϊνός πίνακας που ανοίγει με ένα κουμπί μενού).
- Position και Row: πού βρίσκεται το μενού. Το Top είναι η κύρια σειρά με το λογότυπο, το Bottom προσθέτει μια δεύτερη σειρά από κάτω. Δεν εμφανίζεται για το Drawer.
- Color scheme: τα χρώματα του ανοιχτού πίνακα του μενού.
- Mobile layout: σε κινητά και tablet το μενού μπαίνει σε ένα drawer. Ενεργοποιήστε το Navigation bar για να εμφανίζεται αντί γι' αυτό ως μπάρα κάτω από την κεφαλίδα, με το δικό της Navigation bar color scheme. Δεν εμφανίζεται για το Drawer.
Αναζήτηση, καλάθι και τοπική προσαρμογή
- Search: ένα εικονίδιο αναζήτησης που ανοίγει ένα πεδίο αναζήτησης. Ορίστε Position (Left ή Right) και Row.
- Cart: το εικονίδιο του καλαθιού με τον αριθμό των προϊόντων. Το Cart type είναι Drawer (πλαϊνός πίνακας), Dropdown (μικρό καλάθι κάτω από το εικονίδιο) ή Page (ανοίγει τη σελίδα του καλαθιού). Το Color scheme ορίζει την εμφάνιση του drawer ή του dropdown. Το Drawer και το Dropdown έχουν επίσης διακόπτη Free shipping bar, δείτε Πώς λειτουργεί η μπάρα δωρεάν αποστολής;.
- Localization: ένα κουμπί που δείχνει τις αγορές σας ώστε οι αγοραστές να αλλάζουν χώρα. Ενεργοποιήστε το Country selector για να εμφανιστεί. Το Show flags δείχνει τη σημαία της τρέχουσας χώρας στο κουμπί, αλλιώς εμφανίζεται μια υδρόγειος. Ορίστε Position και Row.
Καλό να ξέρετε
- Η διάφανη κεφαλίδα δεν κάνει τίποτα: ελέγξτε ότι το Hero βρίσκεται ακριβώς κάτω από την κεφαλίδα. Μια μπάρα ανακοινώσεων ή άλλο τμήμα ανάμεσά τους την εμποδίζει.
- Ο επιλογέας χώρας δεν εμφανίζεται: χρειάζεται τουλάχιστον δύο αγορές, δείτε Πώς ρυθμίζω αγορές για να πουλάω σε πολλές χώρες;.
- Λείπουν στοιχεία από το μενού: επεξεργαστείτε το ίδιο το μενού, όχι την κεφαλίδα.