PHPackages                             sschreier/sschreiertopbarnotifications - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Mail & Notifications](/categories/mail)
4. /
5. sschreier/sschreiertopbarnotifications

ActiveShopware-platform-plugin[Mail & Notifications](/categories/mail)

sschreier/sschreiertopbarnotifications
======================================

bar for information and notification texts or messages

1.3.1(7mo ago)912↓75%GPL-3.0-or-laterTwig

Since Sep 5Pushed 7mo ago1 watchersCompare

[ Source](https://github.com/sschreier/SschreierTopbarNotifications)[ Packagist](https://packagist.org/packages/sschreier/sschreiertopbarnotifications)[ RSS](/packages/sschreier-sschreiertopbarnotifications/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (9)Dependencies (2)Versions (10)Used By (0)

An extension for a bar for information and notification texts or messages for Shopware 6
========================================================================================

[](#an-extension-for-a-bar-for-information-and-notification-texts-or-messages-for-shopware-6)

An extension for a bar for information and notification texts or messages which can contain up to 4 areas. It can be displayed either in the top bar or in the footer bar or also above or below the breadcrumb navigation.

Possible Configurations for the bar
-----------------------------------

[](#possible-configurations-for-the-bar)

- show the content in a top or footer bar or above or below the breadcrumb navigation
- set the background color of the area (\*1)
- set the shadow of the area (\*1)
- set the outer distance of the area up- and downwards in pixels or percent (\*1)
- set the distance of the areas up- and downwards in pixels or percent (\*1)
- activate, if you want 50% width of the areas in the viewport smartphone landscape (SM)

Possible Configurations for each of the possible four areas of the bar
----------------------------------------------------------------------

[](#possible-configurations-for-each-of-the-possible-four-areas-of-the-bar)

- show the area
- select the viewports in which the area should be shown
- select, if the icon should be shown
- select, if the icon should obtain from the select field or a snippet
- select the icon from the select field (which you can find here:  or )
- set the icon via snippet
- set the icon color and hover icon color (\*1)
- set the icon width and height in pixels (\*1)
- set the distance between the icon and the content (\*1)
- set the font color and hover font color of the content (\*1)
- set the font size of the content in pixels (\*1)
- select, if the content should obtain from the text editor or a snippet
- set the content via the text editor
- set the content via snippet
- select the position of the content, for example icon on the left and content on the right or icon on the right and content on the left
- select the orientation of the area (left, center or right)
- set a link for the area
- select the link target of the area, for example in the current tab, in a new tab or in a modalbox

Available snippets to customize the content or the icons
--------------------------------------------------------

[](#available-snippets-to-customize-the-content-or-the-icons)

- ContentTextEditorTopBarArea1
- ContentTextEditorTopBarArea2
- ContentTextEditorTopBarArea3
- ContentTextEditorTopBarArea4
- ContentTopBarArea1
- ContentTopBarArea2
- ContentTopBarArea3
- ContentTopBarArea4
- IconTopBarArea1
- IconTopBarArea2
- IconTopBarArea3
- IconTopBarArea4

Some changes in the settings within the configuration are not immediately visible in the frontend of the shop
-------------------------------------------------------------------------------------------------------------

[](#some-changes-in-the-settings-within-the-configuration-are-not-immediately-visible-in-the-frontend-of-the-shop)

After changing settings specifically for the appearance of the areas (\*1), the theme must be recompiled, for example by saving the theme in the administration:

1. Switch to "Content" and "Themes"
2. Select the active theme
3. Click on the button "Save"

How to install the extension
----------------------------

[](#how-to-install-the-extension)

### via zip and console (recommended)

[](#via-zip-and-console-recommended)

1. Download the latest *SschreierTopbarNotifications-master.zip*.
2. Unzip the zip file and rename the folder to *SschreierTopbarNotifications*.
3. Move the folder to the project folder *custom/plugins/* .
4. Connect to the console via ssh:

```
bin/console plugin:refresh
bin/console plugin:install --activate SschreierTopbarNotifications

```

### via composer

[](#via-composer)

1. Add the repository URL to the composer.json of the project

```
"repositories": [
    ...,
    {
        "type": "vcs",
        "url": "https://github.com/sschreier/SschreierTopbarNotifications"
    }
],

```

2. Connect to the console via ssh and install the plugin via the command

```
composer require sschreier/sschreiertopbarnotifications
bin/console plugin:refresh
bin/console plugin:install --activate SschreierTopbarNotifications

```

### via

[](#via-httpspackagistorg)

- Connect to the console via ssh and install the plugin via the command

```
composer require sschreier/sschreiertopbarnotifications
bin/console plugin:refresh
bin/console plugin:install --activate SschreierTopbarNotifications

```

### via zip upload

[](#via-zip-upload)

1. Download the latest *SschreierTopbarNotifications-master.zip*.
2. Unzip the zip file and rename the folder to *SschreierTopbarNotifications*.
3. Zip the folder to *SschreierTopbarNotifications.zip*.
4. Upload the zip in the Shopware Administration.
5. Install & Activate the extension.

#### extension update (zip)

[](#extension-update-zip)

1. Download the latest *SschreierTopbarNotifications-master.zip*.
2. Unzip the zip file and rename the folder to *SschreierTopbarNotifications*.
3. Zip the folder to *SschreierTopbarNotifications.zip*.
4. Upload the zip in the Shopware Administration.
5. Update the extension.

Images
------

[](#images)

### top bar with four areas

[](#top-bar-with-four-areas)

[![top bar with four areas](https://camo.githubusercontent.com/7d5912c5197c74530ae27f18a4728b382100853018913bb577a1b88ee0aa2c35/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765312e6a7067)](https://camo.githubusercontent.com/7d5912c5197c74530ae27f18a4728b382100853018913bb577a1b88ee0aa2c35/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765312e6a7067)

### top bar with four areas, first area is linked with a modal box

[](#top-bar-with-four-areas-first-area-is-linked-with-a-modal-box)

[![top bar with four areas, first area is linked with a modal box](https://camo.githubusercontent.com/51c51af6c4a18a3b6d04fe4d51a78b8ef305cc2be530fc98d24dc5debe70a2a3/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765322e6a7067)](https://camo.githubusercontent.com/51c51af6c4a18a3b6d04fe4d51a78b8ef305cc2be530fc98d24dc5debe70a2a3/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765322e6a7067)

### top bar with four areas in a smaller viewport

[](#top-bar-with-four-areas-in-a-smaller-viewport)

[![top bar with four areas in a smaller viewport](https://camo.githubusercontent.com/69582b0dd93f350d227015d3ebf6d68b43767c3437b279af32ab377d35fd4219/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765332e6a7067)](https://camo.githubusercontent.com/69582b0dd93f350d227015d3ebf6d68b43767c3437b279af32ab377d35fd4219/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765332e6a7067)

### top bar with only one area

[](#top-bar-with-only-one-area)

[![top bar with only one area](https://camo.githubusercontent.com/ea22bf16ce0f5af34cb324660f96bd44bba0df2bc0be32819f12cffa6244d1b0/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765342e6a7067)](https://camo.githubusercontent.com/ea22bf16ce0f5af34cb324660f96bd44bba0df2bc0be32819f12cffa6244d1b0/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765342e6a7067)

### footer bar with four areas

[](#footer-bar-with-four-areas)

[![footer bar with four areas](https://camo.githubusercontent.com/e10ce4477a45dee7634ec9c7d893b8c707efeb763b5671cc15bbc56522df6f48/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765392e6a7067)](https://camo.githubusercontent.com/e10ce4477a45dee7634ec9c7d893b8c707efeb763b5671cc15bbc56522df6f48/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765392e6a7067)

### bar with only one area above the breadcrumb navigation

[](#bar-with-only-one-area-above-the-breadcrumb-navigation)

[![bar with only one area above the breadcrumb navigation](https://camo.githubusercontent.com/2a1447939673516163cc96f331a8ba5532e805e8906093c2f90a86691871d811/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d61676531312e6a7067)](https://camo.githubusercontent.com/2a1447939673516163cc96f331a8ba5532e805e8906093c2f90a86691871d811/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d61676531312e6a7067)

### bar with only one area below the breadcrumb navigation

[](#bar-with-only-one-area-below-the-breadcrumb-navigation)

[![bar with only one area below the breadcrumb navigation](https://camo.githubusercontent.com/290699c8df4907420d0a5e0c9f67192428d225b6eb01a320d49f7565d05edf89/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d61676531322e6a7067)](https://camo.githubusercontent.com/290699c8df4907420d0a5e0c9f67192428d225b6eb01a320d49f7565d05edf89/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d61676531322e6a7067)

### extension configuration - top bar part 1

[](#extension-configuration---top-bar-part-1)

[![extension configuration - top bar part 1](https://camo.githubusercontent.com/b051656a40683026d177bdf4b4dc78bc8fd300726d9b39d63f011433dc8f7edc/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765352e6a7067)](https://camo.githubusercontent.com/b051656a40683026d177bdf4b4dc78bc8fd300726d9b39d63f011433dc8f7edc/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765352e6a7067)

### extension configuration - top bar part 2

[](#extension-configuration---top-bar-part-2)

[![extension configuration - top bar part 2](https://camo.githubusercontent.com/8e4311543c21d41a5b3dd5b9f6f0b5973b5b94a39cac580d7bb769bc09d25164/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765362e6a7067)](https://camo.githubusercontent.com/8e4311543c21d41a5b3dd5b9f6f0b5973b5b94a39cac580d7bb769bc09d25164/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765362e6a7067)

### extension configuration - area 1 part 1

[](#extension-configuration---area-1-part-1)

[![extension configuration - area 1 part 1](https://camo.githubusercontent.com/17cedfda8e2bd9c1b786d6c866dcfe8aa3df4058c77520565def51aec1fe8635/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765372e6a7067)](https://camo.githubusercontent.com/17cedfda8e2bd9c1b786d6c866dcfe8aa3df4058c77520565def51aec1fe8635/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765372e6a7067)

### extension configuration - area 1 part 2

[](#extension-configuration---area-1-part-2)

[![extension configuration - area 1 part 2](https://camo.githubusercontent.com/96789006fb367a0a3cd6fb102c3a6827d4d1a6aa483cd930ff1803cd1360036f/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765382e6a7067)](https://camo.githubusercontent.com/96789006fb367a0a3cd6fb102c3a6827d4d1a6aa483cd930ff1803cd1360036f/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d616765382e6a7067)

### extension configuration - area 1 part 3

[](#extension-configuration---area-1-part-3)

[![extension configuration - area 1 part 3](https://camo.githubusercontent.com/25c98731ab8b99ad581b3220084854e92e541e4aac1e43dfdd117a36339dcbba/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d61676531302e6a7067)](https://camo.githubusercontent.com/25c98731ab8b99ad581b3220084854e92e541e4aac1e43dfdd117a36339dcbba/68747470733a2f2f7777772e7765622d736f6c7574696f6e732d6472657364656e2e64652f706c7567696e732f737363687265696572546f706261726e6f74696669636174696f6e732f737363687265696572546f706261726e6f74696669636174696f6e732d496d61676531302e6a7067)

###  Health Score

35

—

LowBetter than 79% of packages

Maintenance65

Regular maintenance activity

Popularity11

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~95 days

Recently: every ~66 days

Total

9

Last Release

214d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/62dc2323b3934f1d1569745338904fc37f372802ebdd6e945a4938b399aaf4da?d=identicon)[sschreier](/maintainers/sschreier)

---

Top Contributors

[![sschreier](https://avatars.githubusercontent.com/u/20040508?v=4)](https://github.com/sschreier "sschreier (1 commits)")

---

Tags

footerinformationnotificationnotification-textsshopwareshopware-platform-pluginshopware-pluginshopware6shopware6-plugintextstopbar

### Embed Badge

![Health badge](/badges/sschreier-sschreiertopbarnotifications/health.svg)

```
[![Health](https://phpackages.com/badges/sschreier-sschreiertopbarnotifications/health.svg)](https://phpackages.com/packages/sschreier-sschreiertopbarnotifications)
```

###  Alternatives

[tijsverkoyen/css-to-inline-styles

CssToInlineStyles is a class that enables you to convert HTML-pages/files into HTML-pages/files with inline styles. This is very useful when you're sending emails.

5.8k505.3M227](/packages/tijsverkoyen-css-to-inline-styles)[minishlink/web-push

Web Push library for PHP

1.9k12.0M53](/packages/minishlink-web-push)[mattketmo/email-checker

Throwaway email detection library

2742.0M5](/packages/mattketmo-email-checker)[shopware/production

178190.0k](/packages/shopware-production)[netflie/laravel-notification-whatsapp

Laravel notification driver for WhatsApp

176173.9k](/packages/netflie-laravel-notification-whatsapp)[frosh/mail-platform-archive

Mail Archive

20202.4k](/packages/frosh-mail-platform-archive)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)