Η καρτέλα Layout ορίζει πόσο φαρδύ μπορεί να γίνει το περιεχόμενο του καταστήματός σας σε μεγάλες οθόνες. Εμποδίζει το κείμενο και τα προϊόντα να απλώνονται υπερβολικά σε μια φαρδιά οθόνη.
Πού θα τη βρείτε
Ανοίξτε τον builder, κάντε κλικ στο εικονίδιο με το γρανάζι και ανοίξτε την καρτέλα Layout. Η ενότητα λέγεται Page layout και έχει μία ρύθμιση: Page width.
Πλάτος σελίδας
Σύρετε τον ολισθητή για να επιλέξετε το μέγιστο πλάτος του περιεχομένου σας, σε pixels. Πηγαίνει από 900 έως 1400, σε βήματα των 100. Η προεπιλογή είναι 1200.
- 900 ή 1000: μια στενή σελίδα. Οι γραμμές κειμένου μένουν κοντές και διαβάζονται εύκολα. Καλό για κατάστημα με λίγα προϊόντα ή πολύ κείμενο.
- 1100 ή 1200: ένα ισορροπημένο πλάτος που ταιριάζει στα περισσότερα καταστήματα.
- 1300 ή 1400: μια φαρδιά σελίδα. Χωρούν περισσότερα προϊόντα σε κάθε σειρά στις μεγάλες οθόνες.
Ο builder το εξηγεί έτσι: Sets the maximum width for desktop large screens. But on mobile screens width is always 100%. Σε κινητό ή μικρή οθόνη, το περιεχόμενό σας χρησιμοποιεί πάντα όλο το πλάτος της οθόνης, ό,τι κι αν επιλέξετε εδώ.
Πλάτος σελίδας και τμήματα πλήρους πλάτους
Τα περισσότερα τμήματα έχουν δική τους ρύθμιση Width με δύο επιλογές:
- Page: το περιεχόμενο του τμήματος μένει μέσα στο πλάτος σελίδας που ορίσατε στην καρτέλα Layout.
- Full: το τμήμα πηγαίνει από τη μία άκρη της οθόνης στην άλλη και αγνοεί το πλάτος σελίδας.
Μια συνηθισμένη ρύθμιση είναι ένα hero ή slideshow Full στην κορυφή και πλάτος Page για τα τμήματα από κάτω, ώστε οι εικόνες να φαίνονται μεγάλες και το κείμενο να διαβάζεται εύκολα.
Συνηθισμένες εργασίες
- Το κατάστημά μου φαίνεται πολύ απλωμένο σε μεγάλη οθόνη: μειώστε το πλάτος σελίδας σε 1100 ή 1000.
- Θέλω περισσότερα προϊόντα ανά σειρά στους υπολογιστές: αυξήστε το πλάτος σελίδας και μετά ελέγξτε τον αριθμό στηλών στα τμήματα προϊόντων σας.
- Ένα banner πρέπει να αγγίζει τις άκρες της οθόνης: ορίστε το Width αυτού του τμήματος σε Full. Δεν χρειάζεται να αλλάξετε το πλάτος σελίδας.
- Η διάταξη στο κινητό δεν άλλαξε: αυτό είναι αναμενόμενο. Τα κινητά χρησιμοποιούν πάντα όλο το πλάτος της οθόνης.
Ελέγξτε το στην προεπισκόπηση
Το πλάτος σελίδας φαίνεται μόνο σε οθόνες φαρδύτερες από το πλάτος που επιλέξατε. Χρησιμοποιήστε την προεπισκόπηση υπολογιστή στον builder για να δείτε τη διαφορά. Δείτε το Λειτουργίες προεπισκόπησης.
Τι δεν αλλάζει το πλάτος σελίδας
- Στήλες: πόσα προϊόντα ή κάρτες εμφανίζονται σε μια σειρά ορίζεται σε κάθε τμήμα, όχι εδώ.
- Αποστάσεις: ο χώρος πάνω και κάτω από ένα τμήμα είναι τα περιθώριά του (padding), που ορίζονται επίσης στο τμήμα.
- Μέγεθος κειμένου: ορίζεται σε κάθε κείμενο, όχι εδώ.
Καλό να ξέρετε
- Το πλάτος σελίδας ανήκει στην αγορά που επεξεργάζεστε και ισχύει για όλες τις σελίδες της.
- Μπορείτε επίσης να ζητήσετε από το AI στον builder, για παράδειγμα "Κάνε το πλάτος σελίδας 1100". Δείτε το Δημιουργία με AI.
- Αλλάξατε γνώμη; Αναιρέστε την αλλαγή στον builder. Δείτε το Συντομεύσεις, αναίρεση και επανάληψη.
- Οι αλλαγές γίνονται ζωντανές όταν κάνετε κλικ στο Publish.