10 Resourceful WooCommerce Snippets to Tailor Your Online Shop

In the last few years, WooCommerce has emerged as a powerful WordPress e-commerce plugin that keeps on topping itself for all the good reasons. Created by WooThemes, WooCommerce is flexible enough to deliver your customers a pleasurable online shopping experience. Given its customizable nature, online players are considering this plugin as a means of expanding their business quickly and easily.

WooCommerce boasts of adequate settings and great support. However, while personalizing your store, you may need to tweak some functionality, which would call for the use of code.

Today, I have compiled a list of some WooCommerce code snippets that online retailers, like you, may find useful to perform a range of tasks in the quickest possible manner.

So, let’s look at all of them.

#1 Add a Message Above the Login/Registration Form

For those who want to add any message on the top of the login area or registration form, simply use the below-mentioned snippet.

function wdm_login_message() {
    if ( get_option( 'woocommerce_enable_myaccount_registration' ) == 'yes' ) {
    ?>
        <div class="woocommerce-info">
        <p><?php _e( 'Your custom message goes here.' ); ?></p>
        </div>
    <?php
    }

}
add_action( 'woocommerce_before_customer_login_form', 'wdm_login_message' );

#2 Customizing the WooCommerce Breadcrumb

Breadcrumbs can be a great solution for many websites, to ease user navigation and aid search engine optimization. But if you’re looking to change the default text of an item displayed, this is how it can be done.

add_filter( 'woocommerce_breadcrumb_defaults', 'wdm_change_breadcrumb_home_text' );
function wdm_change_breadcrumb_home_text( $defaults ) {
    // change the breadcrumb home text from 'Home' to 'Store'
    $defaults['home'] = 'Store';
    return $defaults;
}

For changing the breadcrumb separator use the following code. 

add_filter( 'woocommerce_breadcrumb_defaults', 'wdm_change_breadcrumb_separator' );
function wdm_change_breadcrumb_separator( $defaults ) {
    // change the breadcrumb delimiter from '/' to '>'
    $defaults['delimiter'] = ' > ';
    return $defaults;
}

#3 Remove Specific Product Tabs

To remove a specific product tab, such as the ‘Product Description’, or ‘Reviews’, use the below piece of code.

add_filter( 'woocommerce_product_tabs', 'wdm_remove_product_tabs', 99 );
function wdm_remove_product_tabs( $tabs ) {
    // remove the description tab
    unset( $tabs['description'] );
    // remove the reviews tab
    unset( $tabs['reviews'] );
    // remove the additional information tab
    unset( $tabs['additional_information'] );
    return $tabs;
}

#4 Redirect to Checkout page after Add to Cart

When your products are such that customers purchase only a single product at a time, you can redirect an ‘Add to Cart’ directly to the checkout page.

function wdm_add_to_cart_checkout_redirect() {
    wp_safe_redirect( get_permalink( get_option( 'woocommerce_checkout_page_id' ) ) );
    die();
}
add_action( 'woocommerce_add_to_cart',  'wdm_add_to_cart_checkout_redirect', 11 );

#5 Add Payment type to the Admin Email

If you want the payment method used by the customer to make the purchase sent in the order email, the below code is what you need.

function add_payment_method_to_admin_new_order( $order, $is_admin_email ) {
    // check if the email is an order email for the admin
    if ( $is_admin_email ) {
        echo '<p><strong>Payment Method:</strong> ' . $order->payment_method_title . '</p>';
    }
}
add_action( 'woocommerce_email_after_order_table', 'add_payment_method_to_admin_new_order', 15, 2 );

#6 Remove Specific Product Categories from Shop Page

The below code snippet will help you remove products belonging to a specific category from your shop page.

function wdm_remove_product_categories( $q ) {
    if ( ! $q->is_main_query() ) return;
    if ( ! $q->is_post_type_archive() ) return;
    if ( ! is_admin() && is_shop() && ! is_user_logged_in() ) {
        $q->set( 'tax_query', array(array(
             'taxonomy' => 'product_cat',
             'field' => 'slug',
             // don't display products from these categories on the shop page
            'terms' => array( 'red', 'old' ),
            'operator' => 'NOT IN'
        )));
    }
    // once it's done, unhook
    remove_action( 'pre_get_posts', 'wdm_remove_product_categories' );
}
add_action( 'pre_get_posts', 'wdm_remove_product_categories' );

#7 Automatically Change the Order Status

If you prefer to use manual gateways for payment, and want to mark these orders as ‘Complete’, all you need is the following code snippet.

// automatically update the order status to 'Complete'
function wdm_auto_complete_on_hold_order( $order_id ) {
    $order = new WC_Order( $order_id );
    if ( 'on-hold' === $order->status )
        $order->update_status( 'completed' );
}
add_action( 'woocommerce_thankyou', 'wdm_auto_complete_on_hold_order' );

#8 Hide Flat Rate Shipping if Free Shipping is Available

To hide certain shipping methods like ‘Flat Rate’ shipping use the following code snippet.

//hide the flat rate shipping option when free shipping is available
add_filter( 'woocommerce_available_shipping_methods', 'hide_standard_shipping_when_free_is_available' , 10, 1 );
function hide_standard_shipping_when_free_is_available( $available_methods ) {
    if( isset( $available_methods['free_shipping'] ) AND isset( $available_methods['flat_rate'] ) ) {
        // remove standard shipping option
        unset( $available_methods['flat_rate'] );
    }
    return $available_methods;
}

To hide all other shipping methods if free shipping is available, use the below code.

add_filter( 'woocommerce_package_rates', 'wdm_hide_shipping_when_free_is_available', 10, 2 );
function wdm_hide_shipping_when_free_is_available( $rates, $package ) {
    // only modify rates if free_shipping is present
    if ( isset( $rates['free_shipping'] ) ) {
        // unset all methods except for free_shipping
        $free_shipping = $rates['free_shipping'];
        $rates = array();
        $rates['free_shipping'] = $free_shipping;
    }
    return $rates;
}

#9 Change the Currency from ‘$’ to ‘USD’

Want to display the currency symbol differently? Use the below code.

// change the currency symbol
add_filter('woocommerce_currency_symbol', 'change_existing_currency_symbol', 10, 2);
function change_existing_currency_symbol( $currency_symbol, $currency ) {
    switch( $currency ) {
        case 'USD': $currency_symbol = 'USD'; break;
    }
    return $currency_symbol;
}

#10 Exclude a Category from the WooCommerce Category Widget

Sometimes several categories might clutter the Category Widget. In this case, you might want to remove specific categories from the widget and display only certain important ones. The below code will help you do just that.

add_filter( 'woocommerce_product_categories_widget_args', 'wdm_edit_product_cat_widget_args' );
function wdm_edit_product_cat_widget_args( $cat_args ) {
    // remove specific categories using their id
    $cat_args['exclude'] = array('16');
    return $cat_args;
}

Wrapping Up

And that’s all for now- useful WooCommerce snippets to shape your online store in the most effective manner! So bookmark this post and start using them to easily customize your e-commerce store. 🙂

• WordPress Tips & Tricks
• With tags: WooCommerce, WooCommerce Customization

Share:

• WisdmLabs

Please note, some of the links in this blog post might be affiliate links. This means if you go on to purchase a product using such a link, we receive a small commission (at no additional cost to you). This helps us support the blog and produce free content. We only recommend products we work with or love. Thank you for your support!