Title: Storefront Top Bar
Author: wooassist
Published: 12. veebr 2015
Last modified: 19. märts 2024
---
Search plugins
This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.
# Storefront Top Bar
By [wooassist](https://profiles.wordpress.org/wooassist/)
[Download](https://downloads.wordpress.org/plugin/storefront-top-bar.zip)
* [Details](https://et.wordpress.org/plugins/storefront-top-bar/#description)
* [Reviews](https://et.wordpress.org/plugins/storefront-top-bar/#reviews)
* [Installation](https://et.wordpress.org/plugins/storefront-top-bar/#installation)
* [Development](https://et.wordpress.org/plugins/storefront-top-bar/#developers)
[Support](https://wordpress.org/support/plugin/storefront-top-bar/)
## Description
This plugin will add two widget areas on top of the main header. The purpose of
adding these widget areas is to easily add navigations and notices on the top.
This plugin is built to work only for the [Storefront theme](https://wordpress.org/themes/storefront).
**How to use:**
* Like any other widget areas, you can easily add widgets by navigating to Widgets
page under appearance on your WordPress dashboard.
* You can also add and modify widgets while on the Customizer page.
* You can easily customize the background, text, and link colors in the Customizer.
You can find the settings under _Top Bar_ section.
**Notes:**
* The Top Bar widget areas works similar to Storefront’s footer widgets areas.
When only the _first widget_ area has widgets, it’s width will be at 100% and
the _second widget_ area will not show up.
* We’ve added styling support for custom menu widgets. It’s look and feel is similar
to the main menu and its sub-menu styles.
* This plugin doesn’t support the sticky header option added by the _Storefront
Designer extension_.
## Screenshots
* [[
* The top bar widget areas in action
* [[
* Top bar section added on the Customize page under Appearance.
## Installation
**Install via the WordPress Dashboard:**
1. Login to your WordPress Dashboard.
2. Navigate to Plugins, and select add new to go to the “Add Plugins” page.
3. In the right side, enter “Storefront Top Bar” in the search input bar, and hit
your enter key.
4. Click install, and wait for the plugin to download. Once done, activate the plugin.
**Install via FTP:**
1. Extract the zip file, login using your ftp client, and upload the storefront-site-
logo folder to your /wp-content/plugins/ directory
2. Login to your WordPress Dashboard.
3. go to plugins and activate “Storefront Top Bar” plugin.
## FAQ
### Will this plugin work for themes other than Storefront?
Unfortunately, No. This plugin was designed to work for the Storefront theme, utilizing
Storefront’s action hooks and filters. Activating the plugin while using a different
theme will trigger a warning.
### I’ve activated the plugin, where can I access the settings?
The settings for this plugin can be found in the Customize page under Appearance.
In that page, find the section named “Top Bar”.
### How are custom menu widgets shown?
We’ve added styling for the custom menu widgets. It’s look and feel is similar to
the main menu and its sub-menu styles.
### Will this work on mobile or is it responsive?
The widget areas are designed to be responsive. We’ve also added an option in the
customizer to hide the Top Bar entirely when viewing it on mobile.
## Reviews
### [Kind wishes](https://wordpress.org/support/topic/kind-wishes/)
[sambamballow](https://profiles.wordpress.org/sambamballow/) 21. dets. 2023
### [Works Perfectly!](https://wordpress.org/support/topic/works-perfectly-2672/)
[Avrom](https://profiles.wordpress.org/dividendninja/) 28. aug 2023
Storefront loads incredibly fast, so I wanted to use it. But a very difficult theme
to customize. I spent a whole day trying to find the hooks and template files to
disable the Page Title. All to no avail. Thank you so much for creating this plugin!!
I have some custom work and will reach out to you.
### [Great plugin](https://wordpress.org/support/topic/great-plugin-27198/)
[tmjbeary](https://profiles.wordpress.org/tmjbeary/) 29. juuli 2020
Nice plugin to add custom banner messages in the top bar. Use one widget set to
center alignment for a single message centered on your pages.
### [Awesome Plugin](https://wordpress.org/support/topic/awesome-plugin-4707/)
[cboysworld](https://profiles.wordpress.org/cboysworld/) 1. jaan 2020
Love this plugin!
### [Should be in default “Storefront”](https://wordpress.org/support/topic/should-be-in-default-storefront/)
[archesis](https://profiles.wordpress.org/anchises/) 17. nov. 2019 1 reply
Works as promised and should be part of the “Storefront” theme by default. I like
that you can turn this top bar off on mobile displays. Some more options for convenience
would be nice like settings for margins, paddings, widths, borders …
### [Supernice!](https://wordpress.org/support/topic/supernice/)
[boppar](https://profiles.wordpress.org/boppar/) 7. nov. 2019
Very good indeed.
[ Read all 12 reviews ](https://wordpress.org/support/plugin/storefront-top-bar/reviews/)
## Contributors & Developers
“Storefront Top Bar” is open source software. The following people have contributed
to this plugin.
Contributors
* [ wooassist ](https://profiles.wordpress.org/wooassist/)
“Storefront Top Bar” has been translated into 4 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/storefront-top-bar/contributors)
for their contributions.
[Translate “Storefront Top Bar” into your language.](https://translate.wordpress.org/projects/wp-plugins/storefront-top-bar)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/storefront-top-bar/),
check out the [SVN repository](https://plugins.svn.wordpress.org/storefront-top-bar/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/storefront-top-bar/)
by [RSS](https://plugins.trac.wordpress.org/log/storefront-top-bar/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
#### 1.2.0
*fixed code for php8 compatibility
#### 1.1.1
* fixed issue – missing CSS for top bar alignment
#### 1.1.0
* added setting to set text alignment on each top bar widget area
* tested compatibility with WordPress 4.7.3 and Storefront 2.1.8
#### 1.0.1
* fixed wrong info for Author and wrong url for support link.
* removed docs link.
#### 1.0.0
* initial release
## Meta
* Version **1.2.0**
* Last updated **2 aastat ago**
* Active installations **2,000+**
* WordPress version ** 4.0.0 or higher **
* Tested up to **6.4.8**
* Languages
* [Danish](https://da.wordpress.org/plugins/storefront-top-bar/), [English (US)](https://wordpress.org/plugins/storefront-top-bar/),
[Greek](https://el.wordpress.org/plugins/storefront-top-bar/), [Italian](https://it.wordpress.org/plugins/storefront-top-bar/)
ja [Swedish](https://sv.wordpress.org/plugins/storefront-top-bar/).
* [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/storefront-top-bar)
* Tags
* [customizer](https://et.wordpress.org/plugins/tags/customizer/)[logo](https://et.wordpress.org/plugins/tags/logo/)
[storefront](https://et.wordpress.org/plugins/tags/storefront/)[top bar](https://et.wordpress.org/plugins/tags/top-bar/)
[widgets](https://et.wordpress.org/plugins/tags/widgets/)
* [Advanced View](https://et.wordpress.org/plugins/storefront-top-bar/advanced/)
## Ratings
5 out of 5 stars.
* [ 12 5-star reviews ](https://wordpress.org/support/plugin/storefront-top-bar/reviews/?filter=5)
* [ 0 4-star reviews ](https://wordpress.org/support/plugin/storefront-top-bar/reviews/?filter=4)
* [ 0 3-star reviews ](https://wordpress.org/support/plugin/storefront-top-bar/reviews/?filter=3)
* [ 0 2-star reviews ](https://wordpress.org/support/plugin/storefront-top-bar/reviews/?filter=2)
* [ 0 1-star reviews ](https://wordpress.org/support/plugin/storefront-top-bar/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/storefront-top-bar/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/storefront-top-bar/reviews/)
## Contributors
* [ wooassist ](https://profiles.wordpress.org/wooassist/)
## Support
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/storefront-top-bar/)