Πού βρίσκεται ο πίνακας Ρυθμίσεων
Ο πίνακας Ρυθμίσεων του builder περιέχει τις ρυθμίσεις σχεδίασης και συμπεριφοράς που ισχύουν για όλο το κατάστημα και δεν ανήκουν σε κάποια συγκεκριμένη ενότητα. Άνοιξε τον builder και, στη μπάρα εικονιδίων αριστερά, κάνε κλικ στο εικονίδιο γραναζιού (πάνω του βρίσκονται τα εικονίδια σημαίας αγοράς, σελίδων και αναρτήσεων). Ο πίνακας ανοίγει ως αναδιπλούμενες καρτέλες: Branding, Χρώματα, Γραμματοσειρές, Διάταξη, Animations, Αυτοματισμοί, Εισαγωγές, Εικονίδια, Περιορισμοί, Checkout, Φόρμα checkout, Σελίδα συντήρησης, Custom CSS και Custom Javascript. Κάθε αλλαγή παραμένει ως πρόχειρο μέχρι να πατήσεις Δημοσίευση στη μπάρα πάνω.
Οι ρυθμίσεις αποθηκεύονται ανά αγορά
Όλες αυτές οι ρυθμίσεις αποθηκεύονται ξεχωριστά για κάθε αγορά, όχι μία φορά για όλο το κατάστημα. Ο υπότιτλος του πίνακα γράφει "Global settings of [market name]" για να δείχνει ποια αγορά επεξεργάζεσαι. Άλλαξε αγορά πρώτα με το εικονίδιο σημαίας και μετά άνοιξε τις Ρυθμίσεις. Μέσα σε κάθε αγορά, οι ρυθμίσεις ισχύουν για όλες τις σελίδες.
Branding
Αυτή η καρτέλα περιέχει δύο εικόνες (δεν περιέχει το λογότυπο, το οποίο ορίζεται στην ενότητα header):
- Favicon: το μικρό εικονίδιο στην καρτέλα του browser. Δέχεται PNG, JPEG, WEBP ή ICO (συνιστάται 32x32 ή 16x16).
- Body image: προαιρετική εικόνα φόντου για όλο το κατάστημα. Δέχεται PNG, JPEG ή WEBP. Αν οριστεί, εμφανίζονται δύο επιπλέον επιλογές: Μέγεθος (Cover ή Contain) και Επανάληψη (toggle).
Χρώματα
Κάθε αγορά έχει έως εννέα χρωματικά σχήματα (τουλάχιστον ένα). Κάθε ενότητα, μπλοκ και στοιχείο αναφέρεται σε ένα σχήμα με τον αριθμό του, οπότε αλλάζοντας ένα σχήμα αλλάζουν όλα όσα το χρησιμοποιούν. Κάνε κλικ σε μια κάρτα για να επεξεργαστείς τα χρώματα, δεξί κλικ για Αντιγραφή (μέχρι εννέα) ή Διαγραφή (όχι στο τελευταίο σχήμα), και σύρε για αλλαγή σειράς. Ένα σχήμα ορίζει χρώματα για φόντα, επικεφαλίδες, κείμενο, συνδέσμους, περιγράμματα, σκιές, κύρια και δευτερεύοντα κουμπιά (με hover), και πεδία φορμών.
Γραμματοσειρές
Η τυπογραφία αντιστοιχίζει μια γραμματοσειρά σε τέσσερις ρόλους:
- Body: παραγράφους και γενικό κείμενο.
- Heading: μεγάλους τίτλους σελίδων και ενοτήτων.
- Subheading: δευτερεύοντες τίτλους και υπότιτλους ενοτήτων.
- Accent: διακοσμητική έμφαση.
Ο επιλογέας γραμματοσειρών (με αναζήτηση) διαχωρίζει τις γραμματοσειρές σε Συστήματος (φορτώνουν άμεσα) και Εκτός συστήματος (κατεβαίνουν στον επισκέπτη, μπορεί να καθυστερήσουν τη φόρτωση). Η χρήση πολλών εκτός συστήματος γραμματοσειρών μπορεί να επηρεάσει την ταχύτητα. Κάθε λατινική γραμματοσειρά συνδυάζεται αυτόματα με αντίστοιχη αραβική, ώστε οι γλώσσες δεξιάς-προς-αριστερά να εμφανίζονται σωστά.
Διάταξη
Ένα πεδίο: Πλάτος σελίδας, ένας slider από 900px έως 1400px ανά 100px (προεπιλογή 1200). Αυτό είναι το μέγιστο πλάτος περιεχομένου σε μεγάλες οθόνες desktop. Σε κινητά το πλάτος είναι πάντα 100%. Ενότητες με πλήρες πλάτος αγνοούν αυτή την τιμή και εκτείνονται άκρη-σε-άκρη.
Animations
- Scroll reveal: πώς εμφανίζονται οι ενότητες όταν μπαίνουν στο οπτικό πεδίο: Καμία, Fade, Slide up, Slide left ή Zoom (προεπιλογή Slide up).
- Images zoom effect: ενεργοποιεί το zoom με hover στις εικόνες προϊόντων.
Αυτοματισμοί
Ένα toggle: Αυτόματη αναπαραγωγή βίντεο. Όταν είναι ενεργό, τα βίντεο ξεκινούν αυτόματα. Λόγω πολιτικών των browsers, παραμένουν χωρίς ήχο μέχρι ο επισκέπτης να αλληλεπιδράσει με τη σελίδα.
Εισαγωγές (μορφοποίηση πεδίων φόρμας)
Αυτή η καρτέλα μορφοποιεί όλα τα πεδία εισαγωγής του καταστήματος. Δεν έχει επιλογή χρώματος (τα χρώματα προέρχονται από το χρωματικό σχήμα). Οι επιλογές είναι:
- Τύπος (Διάταξη): Σύμπτυξη τοποθετεί κάθε ετικέτα πάνω από το πεδίο της, Επέκταση τοποθετεί μία ετικέτα πάνω από όλο το fieldset σαν επικεφαλίδα.
- Εικονίδια: Κανένα κρύβει τα εικονίδια, Προεπιλογή τα δείχνει μέσα στο πεδίο, Ετικέτα τα τοποθετεί στην ετικέτα.
- Θέση: Αρχή ή Τέλος, εμφανίζεται μόνο όταν τα εικονίδια είναι στην Προεπιλογή.
Εικονίδια
Ένα πεδίο: Πάχος γραμμής των εικονιδίων, με επιλογή Προεπιλογή (κανονικό) ή Έντονο (bold).
Περιορισμοί
Περιορίζει ενέργειες του browser για να αποτρέψει το εύκολο αντέγραφο. Επιλογές: Αντιγραφή κειμένων και εικόνων, Επιλογή κειμένων και εικόνων, Πρόσβαση στο μενού δεξιού κλικ και Έλεγχος σελίδας (αφαιρεί το περιεχόμενο αν εντοπιστούν εργαλεία προγραμματιστή). Ξεχωριστή επιλογή Header, Το λογότυπο οδηγεί στην αρχική, κάνει το λογότυπο να οδηγεί στην αρχική σελίδα ή να είναι διακοσμητικό.
Checkout
- Μέθοδος checkout: Προσθήκη στο καλάθι οδηγεί τον πελάτη στο καλάθι, Γρήγορο checkout παρακάμπτει το καλάθι και πάει απευθείας στη φόρμα παραγγελίας.
- Δευτερεύουσα μέθοδος: ενεργοποιεί και την αντίθετη μέθοδο ως δευτερεύουσα επιλογή, ώστε ένα κατάστημα με γρήγορο checkout να δείχνει και κουμπί προσθήκης στο καλάθι, και το αντίστροφο.
Φόρμα checkout
Αυτή η καρτέλα ελέγχει κάθε πεδίο της φόρμας παραγγελίας. Κάθε πεδίο είναι μια γραμμή που μπορείς να σύρεις για αλλαγή σειράς. Για κάθε πεδίο ορίζεις:
- Κατάσταση: Απενεργοποιημένο (κρυφό), Ενεργό (προαιρετικό), ή Υποχρεωτικό (ο πελάτης πρέπει να το συμπληρώσει).
- Ετικέτα: το εμφανές όνομα του πεδίου (έως 50 χαρακτήρες).
- Placeholder: το κείμενο υπόδειξης μέσα στο πεδίο (έως 50 χαρακτήρες).
Τα πεδία περιοχής (Διαμέρισμα, Πόλη, Περιφέρεια, Κοινότητα, Επαρχία) έχουν και επιλογή Τύπος (Εισαγωγή για ελεύθερο κείμενο ή Επιλογή για dropdown), αλλά μόνο όταν η χώρα της αγοράς έχει έτοιμα δεδομένα τοποθεσίας. Διαθέσιμα πεδία: ονοματεπώνυμο, όνομα/επώνυμο, εταιρεία, φύλο, ημερομηνία γέννησης, διεύθυνση, διεύθυνση 2, ΑΦΜ, γειτονιά, διαμέρισμα, διαμέρισμα/όροφος, ταχυδρομικός κώδικας, πόλη, περιφέρεια, κοινότητα, επαρχία, σημείωση παραγγελίας, δώρο, email, τηλέφωνο, WhatsApp, σύνδεσμος, χρώμα, αποστολή και πληρωμή. Επειδή η φόρμα είναι ανά αγορά, μπορείς να απαιτείς ΑΦΜ σε μία αγορά και να το κρύβεις σε άλλη.
Σελίδα συντήρησης
Κρύβει το κατάστημα πίσω από σελίδα συντήρησης κατά τη διάρκεια ενημερώσεων. Επιλογές: Ενεργοποίηση (όταν είναι ενεργό, κάθε διαδρομή δείχνει τη σελίδα συντήρησης, όχι μόνο η αρχική), Επικεφαλίδα (απλό κείμενο, έως 100 χαρακτήρες), Μήνυμα (rich text, έως 500 χαρακτήρες) και Χρωματικό σχήμα. Απενεργοποίησε το Ενεργοποίηση για να επαναφέρεις το κατάστημα online.
Custom CSS και Custom Javascript
Για προχωρημένες παραμετροποιήσεις, το Custom CSS προσθέτει δικά σου styles (έως 1000 χαρακτήρες) και το Custom Javascript δικά σου scripts όπως tracking τρίτων (έως 1000 χαρακτήρες). Ισχύουν για όλο το κατάστημα, οπότε χρησιμοποίησέ τα μόνο αν γνωρίζεις κώδικα.