• Skip to main content
  • Skip to primary sidebar

WordPress, Genesis Framework and Storefront customization tutorials

  • Archive
    • Free
    • Premium
  • Blog
  • About
  • Contact
  • Newsletter
  • Membership
  • Login
Home » Storefront

Storefront

How to add Cover to Storefront Homepage

Filed Under: Free Tagged With: Storefront

How to Hide Storefront Homepage Title

Filed Under: Free Tagged With: Storefront

Remove Storefront Page Title

Filed Under: Free Tagged With: Storefront

Remove featured image from Storefront single post

Filed Under: Free Tagged With: Storefront

Change menu toggle breakpoint in Storefront

I created a child theme with Storefront for a hungarian chocolate manufacture called Sweetic.

When I was shrinking the browser window the standard navigation menu didn’t work the proper way:

I addad this snippet to SCSS to fix it:

Filed Under: Free Tagged With: Storefront

Remove tax included price for wholesalers in WooCommerce

Filed Under: Free Tagged With: Storefront, WooCommerce

Change breadcrumbs home text and link in Storefront

Change breadrumbs only on single product page

Read more in official WooCommerce documentation

Filed Under: Free Tagged With: Breadcrumb, Storefront

[Storefront] Disable Sidebar for specific Pages and add Full Width Layout

I this tutorial I'm going to show You how to create a checkbox with Advanced Custom Fields. You can disable sidebar and add full width layout with one single click.



#1 Create a Field Group named "Layout" with Advanced Custom Fields

To view the full content, please sign up for the membership.

If You are already a member, please log in below:

 
 
Forgot Password

Filed Under: Premium Tagged With: Storefront

Sticky footer in Storefront

Filed Under: Free Tagged With: Storefront

Remove sidebar and force full width layout in Storefront

// =========================================================================
// STOREFRONT REMOVE SIDEBAR - FULL WIDTH LAYOUT
// =========================================================================
function wpflames_remove_storefront_sidebar() {
    remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
    add_filter( 'body_class', function( $classes ) {
        return array_merge( $classes, array( 'page-template-template-fullwidth page-template-template-fullwidth-php ' ) );
    } );
}
add_action( 'get_header', 'wpflames_remove_storefront_sidebar' );

Filed Under: Free Tagged With: Storefront

Remove WooCommerce Image Zoom Support in Single Product

// =========================================================================
// REMOVE WOOCOMMERCE IMAGE ZOOM SUPPORT ON SINGLE PRODUCT
// =========================================================================
function remove_image_zoom_support() {
    remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'wp', 'remove_image_zoom_support', 100 );

Filed Under: Free Tagged With: Storefront

Change Storefront footer credit text

Remove “Built with Storefront & WooCommerce” text

Create a footer.php file in your child theme and include it in to the storefront_footer hook

Footer copyright

Custom footer with SVG Social icons

SCSS

Filed Under: Free Tagged With: Storefront

Remove header cart in Storefront

// =========================================================================
// REMOVE HEADER CART
// =============================================================
function remove_sf_actions() {

	remove_action( 'storefront_header', 'storefront_header_cart', 60 );

}
add_action( 'init', 'remove_sf_actions' );

Filed Under: Free Tagged With: Storefront

How to align Storefront navigation beside the logo

To view the full content, please sign up for the membership.

If You are already a member, please log in below:

Filed Under: Premium Tagged With: Storefront

How to add social icons to Storefront nav menu

// =========================================================================
// ADD SOCIAL ICON TO NAV MENU
// =========================================================================
function wdm_add_menu_items( $menu, $args ) {
    // check if it is the 'primary' navigation menu
    if ( 'primary' === $args->theme_location || 'handheld' === $args->theme_location)
    {
      // add the search form
      ob_start();
      $menu  .= '<li id="menu-item-5000" class="menu-item menu-icon">
                    <a target="_blank" href="">
                        <i class="fab fa-instagram"></i>
                    </a>
                </li>
                <li id="menu-item-6000" class="menu-item menu-icon">
                    <a target="_blank" href="">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                </li>
                
                ';
      ob_get_clean();
    }
    return $menu;
}
add_filter( 'wp_nav_menu_items', 'wdm_add_menu_items', 10, 2 );

Filed Under: Free Tagged With: Storefront

How to Remove Storefront Page Title

// =========================================================================
// REMOVE STOREFRONT PAGE TITLE
// =========================================================================
function storefront_remove_title() {
    remove_action( 'storefront_page', 'storefront_page_header' );
}
add_action( 'wp', 'storefront_remove_title' );

Filed Under: Free Tagged With: Storefront

Add cart icon with item numbers to Storefront header

// =========================================================================
// REMOVE ACCOUNT AND SEARCH ICON FROM storefront-handheld-footer-bar
// =========================================================================
function jk_remove_handheld_footer_links( $links ) {
	unset( $links['my-account'] );
	unset( $links['search'] );
	return $links;
}
add_filter( 'storefront_handheld_footer_bar_links', 'jk_remove_handheld_footer_links' );

// =========================================================================
// REMOVE STOREFRONT HANDHELD BAR
// =========================================================================
function remove_storefront_handheld_footer_bar() {
  remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 );
}
add_action( 'init', 'remove_storefront_handheld_footer_bar' );

// =========================================================================
// MOVE STOREFRONT HANDHELD FOOTER BAR WITH CART ICON TO HEADER
// =========================================================================
add_filter( 'storefront_header', 'storefront_handheld_footer_bar' );

Filed Under: Free Tagged With: Storefront

Add top header widget to Storefront

// =========================================================================
// ADD CUSTOM WIDGET - TOP HEADER
// =========================================================================
add_action( 'widgets_init', 'register_new_top_header' );

function register_new_top_header() {

  register_sidebar(array(
    'id' => 'top-header',
    'name' => __( 'Top Header', 'storefront' ),
    'description' => __( 'Top Header.', 'storefront' ),
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h4 class="widgettitle">',
    'after_title' => '</h4>',
  ));
}
// =========================================================================
// CREATE FUNCTION FOR TOP HEADER WIDGET 
// =========================================================================
function top_header_widget(){
    dynamic_sidebar('Top Header');
}
// =========================================================================
// HOOK THE WIDGET BEFORE HEADER
// =========================================================================
add_action( 'storefront_before_header', 'top_header_widget', 2 );

Filed Under: Free Tagged With: Storefront

Remove Storefront sidebar from single product, cart and checkout page

Filed Under: Free Tagged With: Storefront

Remove sidebar from cart page in Storefront

// =========================================================================
//REMOVE SIDEBAR OF STOREFRONT CART PAGE 
// =========================================================================
function remove_cart_sidebar_storefront() {
    if( is_cart()){
	    remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
        add_filter( 'body_class', function( $classes ) {
            return array_merge( $classes, array( 'page-template-template-fullwidth page-template-template-fullwidth-php ' ) );
        } );
    }
}
add_action( 'wp', 'remove_cart_sidebar_storefront' );

Filed Under: Free Tagged With: Storefront

  • Go to page 1
  • Go to page 2
  • Go to Next Page »

Primary Sidebar

Gabor Flamich

Hi! I'm Gabor.
I write tutorials on WordPress and WooCommerce.

MacBook

12 Essential Snippets for Genesis Developers

Subscribe to my Newsletter to view my basic collection of Genesis snippets that I use for my projects!

Sign Up for Free
  • Facebook
  • GitHub
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube
UpdraftPlus Premium

Tags

ACF Ajax Analytics API Bootstrap Breadcrumb category CPT CSS fetch Genesis Google Maps Gutenberg HTML Isotope JavaScript jQuery loop Map Menu Parallax PHP SASS SEO SQL Storefront SVG tab tag manager tags Taxonomy Tool upsell Webpack Wholesale WooCommerce WordPress WPML

Disclosure: Some of the links in this site are affiliate links. I will be paid a commission if you use this link to make a purchase.

  • Privacy Policy / Terms of Service
© 2023 WP Flames - All Right Reserved