Comprehensive Guide to Configuring, Customizing, and Testing the Storefront WooCommerce Theme

Storefront is the free theme made by the WooCommerce team. It is plain, fast and built around WooCommerce's shop, product, cart and checkout pages, which makes it a safe base for a first online store. This guide takes you from installing Storefront to a store you have actually tested: the settings that matter, how to customise it without losing changes, and what to check before you take real orders.

1. Before you start

You need:

• WordPress installed on your hosting. On Domain India cPanel hosting you can install it in a few clicks with Softaculous or WP Toolkit.
• WooCommerce installed and its setup wizard completed (store address, currency, payment and shipping basics). See Installing WooCommerce on Domain India cPanel hosting.
• SSL active on your domain, so the whole store loads over https://.
• A backup before big changes.

2. Install Storefront

3. Configure the basics in the Customizer

Everything below is under Appearance › Customize, with a live preview as you work. Click Publish to save.

Tips for a clean result:

• Logo: upload a PNG around 400 px wide with a transparent background; Storefront scales it down.
• Colours: pick one accent colour for links and buttons and keep text dark on a light background for readability.
• Store notice: use it for one short message, such as a delivery cut-off or a festival sale, and switch it off when it is out of date.
• Products per row: three or four suits most stores; fewer, larger images suit fashion and furniture.

4. Build the home page

Storefront has a special Homepage template that shows your page content followed by product sections: product categories, recent products, featured products, top-rated products, products on sale and best sellers.

To hide sections or show more products, use a child theme (next section).

5. Customise safely with a child theme

Never edit Storefront's own files: a theme update overwrites them. For anything beyond Additional CSS, create a child theme. Upload a folder named storefront-child to wp-content/themes/ containing a style.css like this:

/*
 Theme Name: Storefront Child
 Template:   storefront
 Version:    1.0
*/

Storefront loads a child theme's style.css for you. Add a functions.php in the same folder for your changes, then activate "Storefront Child" under Appearance › Themes. Your Customizer settings may need to be set again after switching.

Useful snippets for functions.php:

<?php
// Hide the "On Sale" and "Top Rated" sections on the homepage.
add_action( 'init', function () {
    remove_action( 'homepage', 'storefront_on_sale_products', 60 );
    remove_action( 'homepage', 'storefront_popular_products', 50 );
} );

// Show 8 recent products in 4 columns.
add_filter( 'storefront_recent_products_args', function ( $args ) {
    $args['limit']   = 8;
    $args['columns'] = 4;
    return $args;
} );

// Remove the "Built with WooCommerce" credit link in the footer.
add_filter( 'storefront_credit_link', '__return_false' );

6. Extensions: what to know in 2026

Older guides list Storefront add-ons such as Parallax Hero, Blog Customizer and WooCommerce Customizer. Most of these have been retired and are no longer sold. Before you buy any Storefront extension, check that it is still listed on the WooCommerce Marketplace and supports your WooCommerce version. For most stores, the Customizer, a few lines in a child theme and well-chosen WooCommerce plugins (payments, shipping, invoices) cover everything.

7. Test the store before launch

8. Running Storefront on Domain India hosting

Our shared hosting runs the Apache web server, so use WP Super Cache or W3 Total Cache for page caching. Both skip the cart, checkout and account pages that WooCommerce marks as not cacheable. Do not use LiteSpeed Cache; it needs a LiteSpeed server.

A few measured limits worth knowing on our cPanel servers:

• Uploads: PHP accepts files up to 256 MB, and phpMyAdmin imports up to 50 MB.
• Long requests: a request that runs longer than about 90 seconds returns a 504 error. Split large product CSV imports into smaller files. See Resolving common gateway errors in WordPress.
• Email: outgoing SMTP from PHP is blocked on cPanel shared hosting, so SMTP plugins fail there; WordPress's built-in mail works. See PHP sendmail settings.
• Backups: JetBackup takes weekly backups on cPanel and DirectAdmin, keeping 5 copies, which you can restore from your panel. Take your own backup before big changes too.

For the full WordPress walkthrough, read Mastering WordPress, and for a worked example store see Creating a tech store with WooCommerce. Plans are on WordPress hosting and cPanel hosting.

Ready to build your store? Install WordPress and WooCommerce on cPanel hosting or see WordPress hosting, then follow Installing WooCommerce on Domain India cPanel hosting.