The Top Notifications module allows you to display a short announcement bar at the top of your storefront. It can be used for promotions, shipping information, temporary announcements or other important updates. Each notification is assigned to a specific store and language.
Keep notification messages short and actionable. Long text can be difficult to read in the top bar, particularly on mobile devices.
How to create a top notification
-
Log in to the Perno dashboard.
-
Use the Context selector at the top of the page to choose the Perno Store in which you want to display the notification.
-
Expand Content in the left-hand navigation.
-
Select Top notifications.
-
Check the Store Context section to confirm that you are managing notifications for the correct store.
-
Click Add Notification. If the store does not contain any notifications yet, you can also click Add First Notification or use the blue + button.
-
Complete the notification form:
-
Top Header Text: Enter the message that will appear in the announcement bar. This field is required.
-
URL: Optionally enter the destination address that should open when a customer selects the notification.
-
Language: Select the storefront language in which the notification should appear. This field is required.
-
Review the Context Summary to confirm that the notification is being created for the correct store.
-
Click Create Notification to save it. To leave without saving, click Cancel or Back to Notifications.
If your storefront is available in multiple languages, create a separate notification with the appropriate text for each language version.
Managing existing notifications
After a notification has been created, it appears in the Notification Registry. The Active Notifications counter also updates automatically.
The registry displays:
-
the notification message,
-
its target URL,
-
the selected language,
-
the date and time of the latest update,
-
the available actions.
To access the management options for an existing notification, click the three-dot icon in the Actions column. After making changes, check the storefront in the selected language to confirm that the message and optional link work correctly.
