Η καρτέλα Animations προσθέτει κίνηση στο κατάστημά σας: τμήματα που εμφανίζονται με κίνηση καθώς οι αγοραστές κάνουν κύλιση και εικόνες που μεγεθύνονται όταν το ποντίκι βρίσκεται πάνω τους.
Πού θα τη βρείτε
Ανοίξτε τον builder, κάντε κλικ στο εικονίδιο με το γρανάζι και ανοίξτε την καρτέλα Animations. Η ενότητα λέγεται General animations.
Εμφάνιση με κύλιση
Το Scroll reveal δίνει κίνηση στα τμήματα καθώς μπαίνουν στην οθόνη. Κάθε τμήμα παίζει την κίνησή του μία φορά ανά επίσκεψη στη σελίδα. Οι επιλογές:
- None: καμία κίνηση. Τα τμήματα απλώς βρίσκονται εκεί.
- Fade: το περιεχόμενο εμφανίζεται σταδιακά.
- Slide up (η προεπιλογή): το περιεχόμενο ανεβαίνει λίγο ενώ εμφανίζεται σταδιακά.
- Slide in: το περιεχόμενο μπαίνει από το πλάι ενώ εμφανίζεται σταδιακά.
- Zoom: το περιεχόμενο μεγαλώνει ελαφρά μέχρι τη θέση του.
Το φόντο του τμήματος εμφανίζεται αμέσως και κινείται μόνο το περιεχόμενο, οπότε η σελίδα δεν δείχνει ποτέ κενά.
Ποια μέρη κινούνται
- Η κεφαλίδα και η μπάρα ανακοινώσεων δεν κινούνται ποτέ. Βρίσκονται στην οθόνη μόλις ανοίξει η σελίδα.
- Στα πλέγματα προϊόντων, στα πλέγματα συλλογών, στις κριτικές και στο FAQ, κάθε κάρτα ή στοιχείο κινείται μόνο του αντί για όλο το τμήμα, το ένα μετά το άλλο. Σε διάταξη καρουζέλ όλο το τμήμα κινείται ως ένα.
- Ένα τμήμα κυμάτων κρατά το σταδιακό εμφάνισμα αλλά δεν γλιστράει, ώστε το κύμα να μένει ενωμένο με το τμήμα από κάτω.
Ποιο να επιλέξετε
Το Slide up ταιριάζει στα περισσότερα καταστήματα. Το Fade είναι το πιο ήπιο. Τα Zoom και Slide in τραβούν περισσότερο την προσοχή, οπότε ταιριάζουν σε παιχνιδιάρικα ή τολμηρά σχέδια περισσότερο από ό,τι σε ήρεμα.
Εφέ μεγέθυνσης εικόνων
Ενεργοποιήστε το Images zoom effect ώστε οι εικόνες να μεγεθύνονται ελαφρά όταν το ποντίκι βρίσκεται πάνω τους. Λειτουργεί σε κάρτες προϊόντων, κάρτες συλλογών, εικόνες προϊόντων στη σελίδα προϊόντος και εικόνες κριτικών. Αντιδρά στο ποντίκι, οπότε οι αγοραστές σε κινητά συνήθως δεν το βλέπουν.
Συνηθισμένες εργασίες
- Να φαίνεται το κατάστημά μου πιο ήρεμο: ορίστε το Scroll reveal σε Fade ή None.
- Απενεργοποίηση κάθε κίνησης: ορίστε το Scroll reveal σε None και απενεργοποιήστε το Images zoom effect.
- Πιο διαδραστικές φωτογραφίες προϊόντων: ενεργοποιήστε το Images zoom effect.
Αντιμετώπιση προβλημάτων
- Δεν βλέπω την κίνηση στον builder. Το Scroll reveal είναι απενεργοποιημένο μέσα στον builder ώστε να επεξεργάζεστε χωρίς αναμονή. Δημοσιεύστε και ανοίξτε το ζωντανό σας κατάστημα για να το δείτε.
- Κάποιοι επισκέπτες δεν βλέπουν ποτέ κινήσεις. Όταν ένας επισκέπτης έχει ζητήσει από τη συσκευή του να μειώσει την κίνηση, το κατάστημα δείχνει κάθε τμήμα στη θέση του χωρίς κίνηση. Αυτό γίνεται σκόπιμα, για άνεση και προσβασιμότητα.
- Η μεγέθυνση δεν λειτουργεί. Ελέγξτε ότι είστε σε υπολογιστή με ποντίκι και ότι η εικόνα είναι ένας από τους τύπους που αναφέρονται παραπάνω.
Καλό να ξέρετε
Οι ρυθμίσεις κίνησης ανήκουν στην αγορά που επεξεργάζεστε και ισχύουν για όλες τις σελίδες της. Οι αλλαγές γίνονται ζωντανές όταν κάνετε κλικ στο Publish. Αν αλλάξετε γνώμη, αναιρέστε την αλλαγή στον builder. Δείτε το Συντομεύσεις, αναίρεση και επανάληψη.