Storefront Header Picker


Lets you pick a header layout for Storefront theme.

This plugin is built to work only for the Storefront theme.

How to use:

  1. On your WordPress Dashboard, go to „Appearance“ and click on „Customize“.
  2. Find the „Header“ section
  3. Choose either default, compact, or centered layout
  4. Choose either to hide/unhide the product search box in the header.
  5. Choose either to hide/unhide mini cart in the header.

The compact layout can only hold either one of the search box or the mini cart.

Snímky obrazovky

  • Here's a screenshot the header layout section.
  • Here's a screenshot when centered layout is selected.
  • Here's a screenshot when compact layout is selected.


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. Search for „Storefront Header Picker“ 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-header-picker folder to your /wp-content/plugins/ directory
  2. Login to your WordPress Dashboard.
  3. Go to „Plugins“ and activate „Storefront Header Picker“ plugin.

Časté dotazy

Will this plugin work for themes other than Storefront?

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 Customizer page under Appearance. In that page, find the section named „Header“.

I want to use Storefront Designer. Will it have a conflict on the header layout?

When you have Storefront Designer enabled, the layout picker of Storefront Header Picker will be disabled. The Storefront Designer’s layout picker will have priority to avoid CSS conflicts with two layout pickers enabled. The checkboxes to disable/enable the product search bar and the cart menu dropdown will be the only function that will work.


18. 2. 2019
OK, so this isn't just a "this plugin doesn't do what I had hoped it would do" review, although that is true also. I was hoping, since there's a "compact" version, that it would make everything smaller, but all it does is change the width, which generally just screws up the existing formatting. If you're trying to get rid of the search or cart buttons, it does that, but there are better plugins (or just code) for doing this.
2. 2. 2019
Simply switches some CSS properties like display. No responsive design. No attempt to correct alignments. I.e. hiding the search bar should mean the secondary menu being right justified, not left hanging somewhere in the middle. Waste of time.
25. 6. 2018
This plugin works well for me. FYI, I further compacted the "Compact" header design with .site-header { padding-top: 0; } { padding-bottom: 0; } What I would love to see is a way to get the main menu to line up to the right of and on the same row as the site name (which I've converted to a logo). Thank you!
Přečtěte si všech 6 recenzí


Storefront Header Picker je otevřený software. Následující lidé přispěli k vývoji tohoto pluginu.


Plugin „Storefront Header Picker“ byl přeložen do 2 jazyků. Děkujeme všem překladatelům za jejich pomoc.

Přeložte “Storefront Header Picker” do svého jazyka.

Zajímá vás vývoj?

Prohledejte kód, podívejte se do SVN repozitáře, nebo se přihlaste k odběru protokolu vývoje pomocí RSS.

Přehled změn


  • initial release


  • added screenshots
  • added css to compact layout