Περιγραφή
Topbar για Magento 2
Το Topbar για Magento 2 προσθέτει στο κατάστημά σας μια απλή και ευέλικτη μπάρα ανακοινώσεων, ώστε να εμφανίζετε άμεσα σημαντικά μηνύματα στους πελάτες σας χωρίς αλλαγές στον κώδικα του theme.
Μπορείτε να το χρησιμοποιήσετε για προσφορές, δωρεάν μεταφορικά, καθυστερήσεις αποστολών, αλλαγές ωραρίου, εποχικές καμπάνιες ή διαφορετικά μηνύματα ανά γλώσσα και store view.
Τι κάνει στην πράξη
Ο διαχειριστής γράφει το μήνυμα, επιλέγει αν η μπάρα θα εμφανίζεται πάνω ή κάτω στη σελίδα και ορίζει βασικά στοιχεία εμφάνισης όπως χρώμα φόντου, χρώμα κειμένου, padding και margin. Αν ο πελάτης κλείσει την μπάρα, το module μπορεί προαιρετικά να θυμάται την επιλογή του με cookie.
Βασικά χαρακτηριστικά
- Ενεργοποίηση ή απενεργοποίηση από το Magento Admin.
- Μήνυμα με WYSIWYG editor για εύκολη διαχείριση περιεχομένου.
- Διαφορετικό περιεχόμενο ανά store view για πολυγλωσσικά e-shop.
- Επιλογή θέσης εμφάνισης: πάνω ή κάτω στη σελίδα.
- Κουμπί κλεισίματος και δυνατότητα επαναφοράς της μπάρας.
- Προαιρετική αποθήκευση της κλειστής κατάστασης με cookie.
- Ρύθμιση διάρκειας cookie σε ημέρες ή session-only λειτουργία.
- Βασικές ρυθμίσεις εμφάνισης χωρίς αλλαγές στο theme.
AMP compatibility
Η συμβατότητα με AMP παρέχεται ως framework μέσα στο module. Η υλοποίηση έχει δοκιμαστεί με το Plumrocket AMP extension για Magento 2.
Αν το κατάστημα χρησιμοποιεί άλλο AMP plugin για Magento 2, μπορεί να χρειαστεί προσαρμογή στον πηγαίο κώδικα, επειδή κάθε AMP extension μπορεί να χρησιμοποιεί διαφορετικά layout handles, containers ή κανόνες markup. Σε τέτοια περίπτωση προτείνεται έλεγχος στις AMP σελίδες πριν την παραγωγική χρήση.
Σε ποιους απευθύνεται
Το module είναι κατάλληλο για Magento 2 καταστήματα που θέλουν έναν γρήγορο και καθαρό τρόπο να επικοινωνούν σημαντικές πληροφορίες στο storefront, χωρίς να εξαρτώνται από developer για κάθε αλλαγή κειμένου ή προσφοράς.
Εγκατάσταση και υποστήριξη
Με την αγορά του προϊόντος λαμβάνετε πρόσβαση στο composer repository μας και οδηγίες εγκατάστασης.
USER GUIDE – IOWEB Topbar
Overview
Ioweb_Topbar displays a configurable announcement bar on the Magento 2 storefront for promotions, shipping notices, holiday schedules, service updates, and store-view specific announcements.
Admin Path
Stores > Configuration > IOWEB TECHNOLOGIES > Topbar
Recommended Setup
- Open the Topbar configuration page.
- Select the target scope: default, website, or store view.
- Set
Enable to Yes.
- Add the storefront message in
Text (WYSIWYG).
- If AMP pages are used, add AMP-safe content in
AMP Text (WYSIWYG) when needed.
- Select position:
Top or Bottom.
- Choose whether the closed state should be remembered with a cookie.
- Set cookie lifetime if persistence is enabled.
- Configure colors and spacing in the Style section.
- Save configuration and clear Magento cache.
General Fields
Enable: turns the topbar on or off.
Text (WYSIWYG): standard storefront message.
AMP Text (WYSIWYG): AMP page message, with fallback to standard text when empty.
Position: renders the bar at the top or bottom of the page.
Save Closed State In Cookie: remembers that a visitor closed the bar.
Cookie Lifetime (Days): number of days the closed state is remembered. Use 0 for session-only behavior.
Style Fields
Background Color: CSS background color.
Text Color: CSS text color.
Padding: CSS padding value.
Margin: CSS margin value.
Closed-State Behavior
When a visitor closes the topbar, the bar is hidden and a slim restore ribbon is shown. If cookie persistence is enabled, the closed state is stored in a browser cookie. The cookie key is based on message content and position, so changing the message or placement makes the new announcement visible again.
AMP Compatibility
AMP support is provided as a framework and has been tested with Plumrocket’s AMP extension for Magento 2. Other AMP extensions may use different layout handles, containers, or markup rules and may need source-level customization.
Troubleshooting
- Topbar not visible: check enablement, scope, cache, and whether the visitor previously closed the message.
- Wrong language/message: check store-view scope overrides.
- Styling not applied: check CSS color and spacing syntax.
- Closed bar keeps reappearing: confirm cookie persistence and browser cookie support.
- AMP output missing or misplaced: verify the active AMP extension layout containers.