How To Remove Powered By Woocommerce Storefront Theme

How to Remove “Powered by WooCommerce Storefront Theme” – A Comprehensive Guide

Introduction

The “Powered by WooCommerce Storefront Theme” text in the footer of your website is a common sight for users who choose the Storefront theme for their online store. While it’s a helpful attribution to the theme developers, it’s understandable why you might want to remove or customize it. Perhaps you want a cleaner look, a more branded footer, or simply prefer a more professional appearance. Fortunately, removing or customizing this text is quite straightforward. This article will guide you through several methods to achieve this, from simple theme customization options to slightly more advanced code snippets. We’ll cover the pros and cons of each method so you can choose the best approach for your skill level and desired outcome.

Main Part: Removing or Customizing the Footer Text

There are several ways to remove or customize the “Powered by WooCommerce Storefront Theme” text. Let’s explore each option:

1. Using the WordPress Customizer (Recommended)

This is the easiest and most recommended method for beginners as it doesn’t require any coding knowledge.

• Go to Appearance -> Customize in your WordPress dashboard.
• Look for a “Footer” or “Footer Settings” option. The exact wording might vary slightly depending on your Storefront version, but it’s usually relatively easy to find.
• Locate a setting related to the footer credits or “Powered By” text. Some Storefront child themes, or plugins extending the theme, might have directly customizable options here. If you’re lucky, you’ll find a field where you can simply delete or replace the existing text.
• If there isn’t a direct setting: Look for an “Additional CSS” or “Custom CSS” area. You can use CSS to hide the default text (though this isn’t the *ideal* solution, it’s quick and easy). Add the following CSS code:

.site-info {

display: none;

}

• Click “Publish” to save your changes.

Pros:

• Easiest method for beginners.
• No coding required (unless using CSS).
• Reversible – simply remove the CSS or change the footer settings.

Cons:

• Not all Storefront installations provide direct footer text customization within the Customizer.
• CSS `display: none` hides the element, but the code still exists in the HTML. It’s not *truly* removed.

2. Using a Child Theme (Best Practice for Code Modifications)

Creating a child theme is the best practice when modifying theme files. This protects your changes from being overwritten when the Storefront theme is updated.

• Create a Child Theme: If you don’t already have one, create a child theme for Storefront. A simple child theme requires a style.css file and a functions.php file in its directory.
• Copy the `footer.php` File: In your main Storefront theme directory, find the `footer.php` file. Copy this file to your child theme directory.
• Edit `footer.php`: Open the `footer.php` file in your child theme directory and locate the section of code that generates the “Powered by WooCommerce Storefront Theme” text. This usually involves a `do_action()` call and potentially a specific function within the Storefront theme. The specific code will vary slightly depending on your Storefront version, but you’re looking for code that includes the words “powered by,” “woocommerce,” and “storefront.” It might look similar to this:

<?php
/**
Functions hooked into storefront_footer action
* @hooked storefront_footer_widgets - 10
@hooked storefront_credit - 20
*/
do_action( 'storefront_footer' ); ?>

The credit information is most likely called through the `storefront_credit` function. You can then go to the includes folder inside the main Storefront theme and search for the function and remove it.

However, you should *not* edit files in the parent Storefront theme.

• Un-hook the function: Go back to your child theme’s `functions.php` file. Add the following code to remove the default footer credit function:

<?php
function remove_storefront_footer_credits() {
remove_action( 'storefront_footer', 'storefront_credit', 20 );
}
add_action( 'init', 'remove_storefront_footer_credits' );

• Add your own custom function (Optional): To add your own custom text to the footer, add the following code *after* the `remove_action` code in `functions.php`:

function my_custom_footer_text() {
echo '
';
echo '© ' . date('Y') . ' Your Company Name. All rights reserved.';
echo '
';
}
add_action( 'storefront_footer', 'my_custom_footer_text', 20 );

Important Notes:

• Adjust the priority value (`20` in the `add_action` calls) to ensure your custom function runs in the desired order.
• Make sure to clear your website cache after making changes to `functions.php`.

Pros:

• Protects your changes from theme updates.
• Allows for complete control over the footer content.
• Best practice for customizing theme functionality.

Cons:

• Requires basic PHP knowledge.
• Involves creating and managing a child theme.

3. Using a Plugin (Alternative for Some)

Some plugins, specifically those designed for header and footer customization, might offer options to remove or replace the Storefront footer text. These plugins often provide a user-friendly interface for modifying the footer without requiring coding knowledge.

Pros:

• Potentially easier than coding if the plugin provides a direct option.
• Can offer other customization options for your header and footer.

Cons:

• Requires installing and managing a plugin.
• Plugin compatibility issues are possible.
• May add extra overhead to your website.

4. Editing the Theme Files Directly (Not Recommended)

Warning: This method is strongly discouraged. Editing the Storefront theme files directly will cause your changes to be overwritten when the theme is updated. You’ll lose all your modifications. It’s included here for completeness, but DO NOT DO THIS in a live environment.

• Locate `footer.php`: Find the `footer.php` file in the `/wp-content/themes/storefront/` directory.
• Edit `footer.php`: Open the file and locate the code responsible for generating the footer text.
• Remove or modify the code.
• Save the file.

Pros:

• (None – it’s a bad idea!)

Cons:

• Changes will be lost on theme updates.
• Increases the risk of breaking your website.
• Not a sustainable solution.

Conclusion

Removing or customizing the “Powered by WooCommerce Storefront Theme” text is a simple task with several solutions. The recommended approach is using the WordPress Customizer for quick adjustments or creating a child theme for more complex modifications. Avoid editing the Storefront theme files directly, as your changes will be overwritten during updates. Choose the method that best suits your technical skills and desired level of customization. By following these steps, you can create a more personalized and professional footer for your WooCommerce store. Remember to always back up your website before making any changes to the theme files!