Description
The Storefront Designer addon adds to the WooCommerce Storefront theme a set of panels in the WordPress Customizer that customize header, typography, button colors, and layout without editing a single line of CSS. It is aimed at those managing a Storefront-based storefront who want to adapt the store’s visual identity, controlling heights, container widths, and menu variations directly through the native customization panel.
Main Features of Storefront Designer
- Alternative header layouts
Adds header variations with configurable logo, menu, and search positioning in the Customizer. - Granular typography control
Allows adjusting font family, size, and weight for titles, body, and widgets independently. - Button styling
Customizes colors, borders, hover states, and typography of buttons throughout the store. - Fine-tuning spacing
Sets paddings, margins, and widths of main containers without resorting to custom CSS. - Live preview in the Customizer
Applies and previews every change in real time within the native WordPress Customizer.
Benefits of Storefront Designer
- Unique visual identity without code
Differentiates the appearance of the Storefront store without hiring a developer to rewrite style sheets. - Agile customization
Reduces visual adjustment time to just a few clicks inside the Customizer, without deployment cycles. - Simplified maintenance
Keeps customizations isolated in official theme panels, avoiding conflicts in Storefront updates. - Consistency across screens
Ensures colors, fonts, and buttons remain consistent on all WooCommerce store pages.
Who Is Storefront Designer For?
- Those selling on WooCommerce using the Storefront theme who want to differentiate the storefront without moving to a premium or custom child theme.
- You who need to align the store’s color palette and typography with the brand identity without touching CSS.
- Those managing more than one Storefront store and want to standardize the visual customization of each project directly through the Customizer.
How to Download Storefront Designer
Storefront Designer is available for download here on Ultrapack. After downloading the .zip file, install it under Plugins > Add New > Upload Plugin, select the file, and activate it. The new design sections appear inside the WordPress Customizer, alongside the default options of the Storefront theme.
In the Storefront ecosystem, this addon takes the place of the child theme: it replaces manual file editing with dedicated design panels, turning visual customization into pinpoint adjustments via slider, color picker, and font selector. The result is a storefront aligned with brand identity, maintaining the lightness and compatibility that the official WooCommerce theme already guarantees.
Frequently asked questions
Is WooCommerce Storefront Designer GPL-licensed?
Yes. WooCommerce Storefront Designer is distributed under the GPL (GNU General Public License). You may legally use, modify and redistribute it on as many sites as you want.
Can I use WooCommerce Storefront Designer on multiple sites?
Yes. You can install WooCommerce Storefront Designer on as many sites as you want. Only automatic updates through Ultrapack Auto Updater have a limit: from 3 to 80 sites, depending on the plan.
How much does WooCommerce Storefront Designer cost at Ultrapack?
WooCommerce Storefront Designer costs US$2.99 as a single purchase, and it is also included in the subscription plans starting at US$12/mo (VIP I).
Does WooCommerce Storefront Designer include updates?
Yes. The current version of WooCommerce Storefront Designer is 1.8.4, published at Ultrapack on Jul 11, 2017. Subscribers update straight from the WordPress dashboard with UAU (Ultrapack Auto Updater).
Is WooCommerce Storefront Designer scanned before publication?
Yes. Every version of WooCommerce Storefront Designer goes through a malware scan (ClamAV and YARA rules, at UltraHub) before it is published.
What changed in this version
Version 1.8.4 2016.08.25
- Fix - Header layout when using the "inline" option.
Version 1.8.3 2016.05.12
- Fix - Typo in header layout settings.
Version 1.8.2 2016.05.11
- Fix - Button scale option no longer breaks menu toggle button layout on handheld orientation.
- Fix - Logo alignment when using the centrally aligned header option and WordPress 4.5's logo feature.
Version 1.8.1 2016.04.13
- Fix - Header width when using max-width layout option and sticky header.
Version 1.8.0 2016.03.21
- New - Storefront 2.0.0 compatibility.
Release notes published by the developer.
How to install
Automatic updates: this item is updated by the Ultrapack Auto Updater. With it installed, the new version shows up in your dashboard like any other WordPress update (how to set it up).
- Download the file
storefront-designer.zip. - In the WordPress dashboard, go to Plugins > Add New > Upload Plugin.
- Select the file
storefront-designer.zipand click Install Now. - Click Activate.
Stuck on a step? Open a ticket telling us which one you stopped at.

UAU Ready