Boutique – Storefront Child Theme

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. —WordPress Codex: Child Themes

Boutique is a child theme for Storefront, the official WooCommerce theme. It delivers a traditional, simple design that is perfect for smaller stores / boutiques.

To help set up your theme follow the documentation below and be sure to reference the Storefront theme documentation if you are not familiar with the main features/setup of Storefront.

You can read more documentation on WordPress child themes in the WordPress Codex.

Installation ↑ Back to top

As Boutique is a Storefront child theme, you will first need to install and set up Storefront itself. You can read all about installing that over on ourInstalling & Configuring Storefront documentation.

Installing Boutique follows the same process as installing Storefront. The only difference is that you search for “Boutique” in the WordPress dashboard. Installing manually is done in exactly the same way, by uploading the Boutique to your wp-content/themes directory.

Once uploaded / installed you can activate Boutique by navigating to Appearance > Themes.

Remember that Boutique is a child theme and requires Storefront to be installed.

Homepage Setup ↑ Back to top

To setup the themes homepage page template this is covered in our Storefront Documentation in the section titled Homepage Template.

The Boutique variation of the Storefront homepage templates differs to the default version in a couple of key areas:

Layout ↑ Back to top

The Boutique homepage template includes a sidebar so you can display widgets. Recent, Top Rated and On Sale products are displayed adjacent to the sidebar. Above both of these content areas is a full-width section which includes the homepage content and any Featured products configured at your store.

Recommended Image Sizes ↑ Back to top

There are no specific image size requirements for Boutique but we have provided the images sizes that we use on our demo installation below for reference.

Boutique WooCommerce Image Sizes

The original uploaded images are at a size of 620px in width by 620px in height before being uploaded. The WooCommerce image settings above can be located at WooCommerce > Settings > Products > Display.

Remember, once you update any image dimensions in WooCommerce you’ll need to run the Regenerate Thumbnails plugin to regenerate all pre-existing thumbnails and re-crop them to the new sizes that you selected.

Note: For further information on the WooCommerce image sizes you can reference these two resources below.

Product Demo Content ↑ Back to top

To install some demo content for products as a starting point you can import the WooCommerce Dummy Data which will populate your site with demo products for you.

Note: We do not supply the exact images you see on our Boutique demo within the WooCommerce Dummy Data as the sites images cannot be redistributed due to copyright restrictions and are for demo purposes only. The WooCommerce Dummy Data instead comes with our own unique unrestricted images that we can redistribute within product import data.

FAQ ↑ Back to top

I have the Storefront Designer extension installed but I can’t see the settings? ↑ Back to top

The Storefront Designer extension applies it’s style settings specifically to the default Storefront design. Because this child theme features a significantly different design those settings are simply not compatible and therefore the designer extension is completely disabled in this particular child theme.

I have the Storefront WooCommerce Customizer extension installed but I can’t see the homepage settings? ↑ Back to top

The Storefront WooCommerce Customizer extension applies certain settings that may not be compatible in all child theme designs. Because this child theme homepage features a different design some settings are simply not compatible and the Homepage settings have been disabled in Boutique due to this.

All other settings that are in the Storefront WooCommerce Customizer Documentation are available though.

I’m using the homepage template but don’t want to display the the page title / content ↑ Back to top

If you don’t want to display content simply don’t add any. To hide the title you can use this plugin which gives you the ability to hide the page title on any page across your site.

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top