How to Customize the WooCommerce Single Product Page

Have you ever thought of decluttering the WooCommerce single product page by getting rid of stuff like product categories or star ratings?

Have you been tempted to move and reposition the elements in the WooCommerce single product page but didn’t know where to start?

Here’s a simple technique of doing all that with WooCommerce action and filter hooks.

Customizing WooCommerce Template Pages

A common way of customizing both parent themes and plugins template pages is to make a copy of the template in your theme and make your changes there. This ensures that when the parent theme or plugin are updated, your changes won’t be overwritten.

Some themes and plugins offer extensive custom action and filter hooks to allow you to add changes directly from the functions.php file in your theme. This means that there is no need to touch the template files’ markup.

Customization using hooks affords much cleaner code and no need to duplicate files.

The WooCommerce plugin is great at taking advantage of WordPress hooks. In this video I’ll show you how you can remove elements or reposition them in the single product page with a few lines of code.

Let’s get started!

Now it’s your turn, customize the Single Product page of your store and let me know how it goes.

4 thoughts on “How to Customize the WooCommerce Single Product Page

  1. Hi Maria, that was a great tutorial on how to modify the woocommerce single product page. You didn’t just teach a particular adjustment you gave me a methodology that can be applied to a whole gamut of modifications. Thanks so much. Do you also take on small jobs. Maybe I need something tweaked but don’t have the time to do it. Would you be able to help for a reasonable fee?

    • Thank you so much for your nice comment, I’m so glad you found the tutorial useful. When you need help with WordPress, just get in touch using the contact form on the About page and we’ll talk. Cheers!

  2. Hi Maria,
    This tutorial was SUPER helpful. I am also looking for a bit of support in customizing the display when an extension is being used with WooCommerce.
    I will be emailing you more details!
    Malia

Have your Say

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s