Το τμήμα Back to top προσθέτει ένα στρογγυλό κουμπί με βέλος σε μια κάτω γωνία της οθόνης. Όταν οι αγοραστές το πατούν, η σελίδα επιστρέφει στην κορυφή. Βοηθά σε μεγάλες σελίδες, όπως μια σελίδα προϊόντος με πολλές φωτογραφίες και αξιολογήσεις.
Προσθήκη
- Ανοίξτε τον builder και πηγαίνετε στη σελίδα που θέλετε.
- Στην καρτέλα Sections, κάντε κλικ στο Add new section και επιλέξτε Back to top στην ομάδα Layout.
- Ορίστε τη γωνία, το μέγεθος και τα χρώματά του, και μετά κάντε κλικ στο Publish.
Μπορείτε να προσθέσετε ένα ανά σελίδα, σε οποιαδήποτε σελίδα. Η θέση του στη λίστα Sections δεν έχει σημασία, γιατί το κουμπί αιωρείται πάντα στη γωνία.
Πότε εμφανίζεται
Το κουμπί είναι κρυφό στην κορυφή της σελίδας. Εμφανίζεται μόλις ο αγοραστής κυλήσει προς τα κάτω περίπου μία οθόνη και κρύβεται ξανά όταν επιστρέψει κοντά στην κορυφή. Στον builder εμφανίζεται όσο το τμήμα είναι επιλεγμένο, ώστε να μπορείτε να το διαμορφώσετε χωρίς κύλιση.
Οι αγοραστές που έχουν ενεργοποιήσει τη μειωμένη κίνηση στη συσκευή τους πηγαίνουν αμέσως στην κορυφή, χωρίς ομαλή κύλιση.
Ρυθμίσεις
Διάταξη
- Position: γωνία Start ή End στο κάτω μέρος της οθόνης. Ακολουθούν τη γλώσσα του καταστήματός σας: σε γλώσσα που γράφεται από αριστερά προς τα δεξιά, όπως τα ελληνικά, το Start είναι η αριστερή γωνία και το End η δεξιά. Σε γλώσσα που γράφεται από δεξιά προς τα αριστερά, όπως τα αραβικά, αντιστρέφονται. Η προεπιλογή είναι End.
- Size: το μέγεθος του κουμπιού, από 44 έως 80 pixels (προεπιλογή 48). Ακόμα και το μικρότερο μέγεθος πατιέται εύκολα σε κινητό.
Εμφάνιση
- Scroll progress: δείχνει έναν δακτύλιο γύρω από το βέλος που γεμίζει καθώς ο αγοραστής κυλά προς τα κάτω στη σελίδα. Είναι ενεργό από προεπιλογή. Απενεργοποιήστε το για ένα απλό κουμπί.
- Color scheme: το κουμπί χρησιμοποιεί τα χρώματα του κύριου κουμπιού του σχήματος που επιλέγετε (φόντο, βέλος και χρώματα hover). Για να τα αλλάξετε, επεξεργαστείτε αυτό το σχήμα στα Χρωματικά σχήματα.
Εμφάνιση σε κάθε σελίδα
Κάθε σελίδα έχει τα δικά της τμήματα, οπότε προσθέστε το κουμπί μία φορά και χρησιμοποιήστε το Apply to all pages. Αυτό ενημερώνει μόνο τις σελίδες που έχουν ήδη τμήμα Back to top, οπότε προσθέστε το πρώτα στις άλλες σελίδες. Δείτε Τμήματα και μπλοκ.
Καλό να ξέρετε
- Το κουμπί δεν εμφανίζεται: η σελίδα μπορεί να είναι πολύ μικρή για να κυλήσει μία ολόκληρη οθόνη. Δοκιμάστε μια μεγαλύτερη σελίδα.
- Βρίσκεται πιο ψηλά απ' ό,τι περιμένατε: σε σελίδες με σταθερή μπάρα αγοράς στο κάτω μέρος, το κουμπί ανεβαίνει ώστε να μην καλύπτει το ένα το άλλο.
- Άλλα αιωρούμενα στοιχεία: ένα σταθερό κουμπί newsletter χρησιμοποιεί την κάτω αριστερή γωνία. Αν χρησιμοποιείτε και τα δύο, βάλτε το Back to top στην άλλη πλευρά ώστε να μην επικαλύπτονται.
- Δύσκολα φαίνεται: επιλέξτε ένα χρωματικό σχήμα του οποίου το χρώμα κύριου κουμπιού ξεχωρίζει από το φόντο της σελίδας σας.
- Κρύψτε το για λίγο: χρησιμοποιήστε το εικονίδιο του ματιού στο τμήμα. Οι ρυθμίσεις του διατηρούνται. Η απόκρυψη ή η διαγραφή του αλλάζει μόνο τη σελίδα στην οποία βρίσκεστε.