Κοινές και συστημικές ενότητες σελίδων
Αυτό το άρθρο καλύπτει τις ενότητες που μπορείς να προσθέσεις σε κάθε τύπο σελίδας, καθώς και τις σταθερές ενότητες που συνοδεύουν κάθε συστημική σελίδα. Για οδηγίες σχετικά με την προσθήκη και τη διάταξη ενοτήτων, δες το Sections and blocks.
Ενότητες που μπορείς να προσθέσεις σε κάθε σελίδα
Εμφανίζονται στο Add picker σε κάθε τύπο σελίδας.
Κείμενο
Αυτόνομη ενότητα κειμένου για τίτλο ή παράγραφο. Έως 3 ανά σελίδα. Πλήρεις ρυθμίσεις τυπογραφίας περιγράφονται στο Layout components.
Εικόνα
Αυτόνομη ενότητα εικόνας. Έως 3 ανά σελίδα. Ρύθμισε πλάτος (fit, fill ή προσαρμοσμένο ποσοστό), στοίχιση, αναλογία διαστάσεων (auto, portrait, square ή landscape), fit (cover ή contain), ακτίνα γωνιών, εσωτερικό περιθώριο και προαιρετικό σύνδεσμο με κλικ.
Διαχωριστικό
Γραμμή διαχωρισμού. Έως 10 ανά σελίδα. Ρύθμισε πάχος, μήκος (ποσοστό του container), στυλ άκρων, στοίχιση, χρωματικό θέμα, πλάτος (fit ή fill) και εσωτερικό περιθώριο. Δες Layout components.
Εικονίδια κοινωνικών δικτύων
Αυτόνομη σειρά εικονιδίων κοινωνικών πλατφορμών (ένα ανά σελίδα). Εμφάνιση ως Icons (πλήρης έλεγχος σχήματος και παλέτας) ή Apps (κάθε πλατφόρμα ως έγχρωμος κύκλος με το brand). Λειτουργία ως Inline (μέσα στη ροή της σελίδας) ή Fixed (σταθερά αριστερά ή δεξιά στην οθόνη, πάντα ορατά κατά το scroll), με επιλογή επιστροφής σε inline σε κινητά. Υποστηριζόμενες πλατφόρμες: Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp και Telegram, κάθε μία ως όνομα χρήστη (WhatsApp ως αριθμός τηλεφώνου). Ρυθμίσεις: μέγεθος εικονιδίου (12 έως 64 px), απόσταση (0 έως 48 px), στοίχιση, σχήμα (κανένα, κύκλος, στρογγυλεμένο, τετράγωνο), στυλ γεμίσματος (flat ή outline), μέγεθος container (26 έως 80 px), παλέτα (brand colors, mono ή προσαρμοσμένο hex χρώμα) και εφέ hover (κανένα, brand, scale, lift, opacity).
Προσαρμοσμένος κώδικας
Ενότητα για raw HTML, CSS και JavaScript (έως 5000 χαρακτήρες το καθένα, μέγιστο 2 ανά σελίδα). Το HTML σου εμφανίζεται μέσα σε μοναδικό container, το CSS εφαρμόζεται μόνο εκεί ώστε να μην επηρεάζει άλλες ενότητες και το JavaScript τρέχει σε απομονωμένο scope με το container ως παράμετρο, αφού φορτώσει η σελίδα. Χρήσιμο για widgets και ενσωματώσεις τρίτων.
FAQ
Ακορντεόν με ζεύγη ερωτήσεων και απαντήσεων. Διαθέσιμο στις σελίδες αρχικής και προϊόντος. Ρύθμισε χρωματικό θέμα, πλάτος (σελίδα ή πλήρες) και εσωτερικό περιθώριο.
Ενότητες συστημικών σελίδων
Κάθε συστημική σελίδα διαθέτει μία απαιτούμενη ενότητα που ορίζει τη βασική της λειτουργία. Δεν μπορείς να τη διαγράψεις, μόνο να τη ρυθμίσεις, αλλά μπορείς να προσθέσεις Κείμενο, Εικόνα, Διαχωριστικό και άλλες ενότητες γύρω της.
- Προϊόντα συλλογής (σελίδα συλλογής): το grid προϊόντων μιας συλλογής. Ρύθμισε στήλες για desktop, στήλες για κινητά (1 ή 2), απόσταση, πλάτος, χρωματικό θέμα και διάταξη κάρτας προϊόντος.
- Αποτελέσματα αναζήτησης (σελίδα αναζήτησης): το grid αποτελεσμάτων, με τα ίδια εργαλεία grid και κάρτας προϊόντος όπως στα Προϊόντα συλλογής.
- Επικοινωνία (σελίδα επικοινωνίας): φόρμα με πεδία ονόματος, email, θέματος και μηνύματος. Ρύθμισε απόσταση μεταξύ πεδίων, ετικέτα κουμπιού υποβολής και στυλ του (πρωτεύον ή δευτερεύον). Μπορείς να τοποθετήσεις Κείμενο και Group blocks γύρω από τη φόρμα.
- Καλάθι (σελίδα καλαθιού): το καλάθι αγορών με γραμμές προϊόντων, σύνολα και είσοδο για ολοκλήρωση αγοράς.
- Ολοκλήρωση αγοράς (σελίδα ολοκλήρωσης αγοράς): η ροή ολοκλήρωσης με πεδία πελάτη και πληρωμής.
- Επιβεβαίωση παραγγελίας (σελίδα thanks): σύνοψη μετά την αγορά που εμφανίζει λεπτομέρειες παραγγελίας, στοιχεία πελάτη, σύνολα και επιλεγμένες μεθόδους αποστολής και πληρωμής.
- Πολιτική (σελίδα πολιτικής): εμφανίζει το περιεχόμενο της νομικής σου σελίδας (τίτλος και σώμα). Το κείμενο της πολιτικής το γράφεις στις ρυθμίσεις του καταστήματος, αυτή η ενότητα ελέγχει μόνο την εμφάνισή του.
- 404 (σελίδα 404): ενότητα σελίδας μη εύρεσης, με τίτλο, περιγραφή και κουμπί επιστροφής στην αρχική σελίδα.
Για ενότητες αρχικής, προϊόντος και landing page, δες Home page sections και Product and landing page sections. Για header, footer και μπάρα ανακοινώσεων, δες Global sections.