Back to Top

Top Notification Bar for Shopware 6

Updated 6 October 2023

Introduction

Shopware Top Notification Bar is a very useful module. It will display all the notifications, alerts and other messages on the top of the front-end. The customer can see the notification at the top of the website. Those feeds will appear, which are enabled by the admin then customers can get all the latest updates about the products.

As we know any notification bar attracts the attention of the customers, so this module is a must module for all e-commerce merchants. It also allows the admin to post feeds for recently updates about their products.

Check a brief overview of the plugin –

oqcvWG6ja8o

Features

  • The admin can add a banner notification.
  • Banner notification will be shown at top of the header.
  • The admin can set the expiry date for the banner notification.
  • It displays notifications, alerts and other messages on the top of the front-end.
  • It attracts the attention of the customers.

Installation

Shopware provides two ways to install the plugin to the server.

  1. Using Command
  2. Manual installation

Installation Using Commands

Customers will get a zip folder, then they have to extract the contents of this zip folder on their system. The customer has Copy the folder WebkulTopNotificationBar to custom/plugins directory of Shopware6. As shown in the below image:

Searching for an experienced
Shopware Company ?
Find out More
Screenshot-from-2020-01-31-10-51-33

Now open the Shopware6 application in the Terminal.

Run this command to refresh the plugin –

./bin/console plugin:refresh

Go to your Shopware installation Root directory and then run this command to install then activate the plugin –

./bin/console plugin:install --activate WebkulTopNotificationBar

To clear the cache run this command –

./bin/console c:c

Now refresh the administration.

Manual Installation

For the manual installation of the plugin follow the steps as mentioned below:

1) Extract the zip file of the plugin.

2) Goto your Shopware 6 installation backend panel and navigate to  Extensions-> My Extensions after that you can find all the installed plugins in it.

screenshot-shopware6demo.webkul.com-2021.09.17-17_04_36

For installing the plugin, the user can click on the Upload Extension button. The user can upload the plugin zip(WebkulTopNotificationBar) here.

3) After uploading the plugin zip, the user can see the Extensions in the list.

screenshot-shopware6demo.webkul.com-2021.09.17-17_04_36-1

4) Now the user can click on the install icon to install the Webkul Top Notification Bar extension.

5) After the installation of the extension, the user can click to activate the extension.

screenshot-shopware6demo.webkul.com-2021.09.17-17_04_36-2

While in the process the admin can see the success message ‘Extension has been activated‘.

After the installation process and plugin configuration if the Webkul Top Notification Bar  icon option is not visible then run this command to clear the cache:

./bin/console c:c

Configuration

For Configuration, the admin needs to navigate through Extensions -> My Extensions -> Webkul top Notification Bar

screenshot-shopware6demo.webkul.com-2021.09.17-18_26_47
  • Sales Channel – Here the admin needs to select the sales channel.
  • Status – The admin can enable or disable the status of Top Notification Bar.
  • Background Color – the admin selects the background color for Top notification Bar.
  • Text Color – Here the admin selects the text color of top notification bar.
screenshot-shopware6demo.webkul.com-2021.09.17-18_35_02

Shopware Back-end

Now goto Shopware backend Settings -> Extensions -> Top Notification Bar.

Click on the Top Notification Bar.

screenshot-shopware6demo.webkul.com-2021.09.17-17_54_50-2

To add a new notification, then click on the Add button.

screenshot-shopware6demo.webkul.com-2021.09.17-17_54_50-1-1

Here you have to fill the options.

Name – Enter the notification name.

Notification – Here you have to write a Notification template, that will show on the store. However, It supports a minimum of 50 characters.

screenshot-shopware6demo.webkul.com-2021.09.17-18_00_36-1

Valid From – Select the starting date from the notification message that should visible.

Valid Until – You will have to set the visible end date.

Active – Here you need to activate the notification, then it will visible on store front.

screenshot-shopware6demo.webkul.com-2021.09.17-18_06_51-1

Now click on the Save button.

Customer View

Finally, the customers can see the notification is visible on all store pages.

Catalogue-1-1

After clicking on the notification a pop-up will appear as seen in the screenshot given below.

screenshot-shopware6demo.webkul.com-2021.09.17-18_48_17

Support

Thank you for viewing the blog. If you need more information or have any query please feel free to reach out https://webkul.uvdesk.com/.

Please explore our shopware development services and Quality shopware extensions .

Current Product Version - 1.0.2

Supported Framework Version - Shopware 6.4.3.1

Blog Version - Shopware 6.4.3.1
  • Version Shopware 6.4.3.1
  • Version Shopware 6.1.0 & 6.1.1 stable version
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content