Custom logo in WooCommerce Storefront

by

Add this to your functions.php in your theme or plugin to add a custom logo in WooCommerce Storefront. Make sure to change the image source to what ever you want.

Change storefront custom logo
PHP
1
2
3
4
5
6
7
8
9
10
11
12
add_action( 'init', 'storefront_custom_logo' );
function storefront_custom_logo() {
    remove_action( 'storefront_header', 'storefront_site_branding', 20 );
    add_action( 'storefront_header', 'storefront_display_custom_logo', 20 );
}
 
function storefront_display_custom_logo(){ ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="site-logo" rel="home">
        <img src="<?php echo plugins_url('/images/logo.png', dirname(__FILE__)); ?>" alt="<?php echo get_bloginfo( 'name' ); ?>" />
    </a>
<?php
}

 

Leave a Comment