Δημιουργία Blocks/Pages με Page Builder
Ο Page Builder του Magento 2 είναι ένα προηγμένο εργαλείο διαχείρισης περιεχομένου (CMS tool) που επιτρέπει τη δημιουργία και διαμόρφωση Σελίδων (Pages) και Block με εύκολο και οπτικό τρόπο, χωρίς την ανάγκη γνώσεων προγραμματισμού. Μέσα από ένα φιλικό drag & drop περιβάλλον, οι διαχειριστές του eShop μπορούν να συνθέτουν δυναμικά layouts, να προσθέτουν εικόνες, βίντεο, banners, κουμπιά, sliders και πολλά ακόμη στοιχεία, επιτυγχάνοντας άμεσα και εντυπωσιακά αποτελέσματα.
Τα Page και Block χρησιμοποιούν τον ίδιο Page Builder, αλλά έχουν διαφορετικό σκοπό και χρήση. Μια Page αποτελεί μια ολοκληρωμένη σελίδα ηλεκτρονικού καταστήματος, όπως η αρχική σελίδα ή μια σελίδα περιεχομένουν (π.χ. Τρόποι Πληρωμής), με μοναδική διεύθυνση URL. Αντίθετα, ένα Block είναι ένα τμήμα περιεχομένου που μπορεί να εισαχθεί σε μία ή περισσότερες σελίδες, όπως banners, sliders, footer ή προωθητικά μηνύματα.
Συνοπτικά: Τα Blocks είναι επαναχρησιμοποιήσιμα και ευέλικτα στοιχεία περιεχομένου, ενώ οι Pages χρησιμοποιούνται για τη δημιουργία αυτόνομων, ολοκληρωμένων σελίδων με πλήρη δομή και μοναδική διεύθυνση URL. Επιπλέον, τα Blocks μπορούν να αξιοποιηθούν μέσω των Widgets, ώστε η ίδια πληροφορία να τοποθετείται και να εμφανίζεται δυναμικά σε πολλές σελίδες ταυτόχρονα, χωρίς την ανάγκη επανάληψης ή χειροκίνητης ενημέρωσης του περιεχομένου ανά σελίδα.
Σημείωση: Τον Page Builder θα τον βρείτε και στις σελίδες επεξεργασίας ενός προϊόντος ή μίας κατηγορίας για να εμπολουτίσετε το περιεχόμενο τους δημιουργώντας πιο ελκυστική και λειτουργική εμφάνιση.
Τον Page Builder θα τον βρείτε κάνοντας Edit ένα Block ή ένα Page από την διαδρομή: Content > Elements > Pages / Blocks
Για να εμφανίζεται το περιεχόμενό σας σωστά σε όλες τις συσκευές και αναλύσεις οθόνης (responsive design), είναι απαραίτητο όλα τα στοιχεία να εντάσσονται μέσα σε Rows (σειρές).
Αφού εισαχθεί ένα Row, μπορείτε:
- να το χωρίσετε σε Columns (στήλες),
- να προσθέσετε περιεχόμενο σε ολόκληρη τη σειρά, όπως εικόνες, κείμενο ή προϊόντα,
- ή να τοποθετήσετε διαφορετικά στοιχεία σε κάθε Column ξεχωριστά.
Η σωστή οργάνωση του περιεχομένου σε Rows και Columns εξασφαλίζει ότι η σελίδα σας θα προσαρμόζεται αυτόματα και ομοιόμορφα σε κινητά, tablets και υπολογιστές.

Κάθε στοιχείο που προστίθεται στον Page Builder μπορεί να επεξεργαστεί ξεχωριστά. Για να το κάνετε αυτό:
- Επιλέξτε το στοιχείο που θέλετε να τροποποιήσετε.
- Κάντε κλικ στο εικονίδιο επεξεργασίας (γρανάζι / Edit) που εμφανίζεται πάνω από το στοιχείο.
Αυτό θα ανοίξει το αντίστοιχο μενού ρυθμίσεων, όπου μπορείτε να αλλάξετε περιεχόμενο, στυλ, διαστάσεις και άλλες ιδιότητες του συγκεκριμένου στοιχείου χωρίς να επηρεαστεί το υπόλοιπο περιεχόμενο της σελίδας.
ΠΡΟΧΟΣΗ!
Μην χρησιμοποιείτε emoji icons με copy-paste, καθώς ενδέχεται να προκαλέσουν προβλήματα στη δομή της σελίδας και να μην είναι δυνατή η μετέπειτα επεξεργασία της. Εάν θέλετε να χρησιμοποιήσετε κάποιο emoji, παρακαλούμε να το ανεβάζετε ως εικόνα (π.χ. .jpg ή .png), ώστε να διασφαλίζεται η σωστή λειτουργία και διαχείριση της σελίδας.
Για να αποθηκεύσετε τις αλλαγές σας στον Page Builder, επιλέγετε το εικονίδιο του Close Full Screen (επάνω δεξιά γωνία) και κατόπιν επιλέγετε το Save.

Σημείωση: Ο Page Builder σας δίνει τη δυνατότητα να αποθηκεύετε σελίδες ή Blocks ως πρότυπα (Templates), ώστε να τα επαναχρησιμοποιείτε εύκολα σε άλλες σελίδες ή Blocks.
1. Αφού ολοκληρώσετε τη δημιουργία ή την επεξεργασία μιας σελίδας/Block, επιλέξτε Save as Template.
2. Για να επαναχρησιμοποιήσετε το αποθηκευμένο πρότυπο, επιλέξτε Apply Template στη νέα σελίδα ή Block που δημιουργείτε.
ΣΗΜΑΝΤΙΚΟ!
Όταν χρησιμοποιείτε την επιλογή Apply Template, όλο το υπάρχον περιεχόμενο της τρέχουσας σελίδας ή Block διαγράφεται και αντικαθίσταται από το επιλεγμένο Template.
Για περισσότερες λεπτομέρειες σχετικά με όλες τις δυνατότητες του Magento 2 Page Builder, μπορείτε να επισκεφθείτε την επίσημη σελίδα του κατασκευαστή: Adobe Commerce Page Builder Documentation. Εκεί θα βρείτε αναλυτικούς οδηγούς, παραδείγματα και συμβουλές για να αξιοποιήσετε πλήρως τις λειτουργίες του Page Builder στο ηλεκτρονικό σας κατάστημα.