Menu Close
    Searching for an experienced Shopware Development Company ?

    Top Notification Bar for Shopware 6

    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.

    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:

    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
    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index