WooCommerce Template Hints

Description

WooCommerce Template Hints adds a visual border around parts of all WooCommerce pages showing details about the template used.

If the plugin is active then a frame will be inserted around each template that is used by WooCommerce showing the
file name. Default WooCommerce templates are red and overridden templates are blue.

Hovering over the template name gives the full path of the template being used.

The frames will only be visible to users with ‘edit_posts’ access.

This is very helpful when developing a new theme for WooCommerce, or troubleshooting an existing theme!

The code is maintained on Github

Translations, feature requests, and ratings are welcome and appreciated!

Screenshots

Installation

1. Upload the folder woocommerce-template-hints to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Visit any WooComerce page to see template hints
4. Deactivate the plugin to remove template hints

FAQ

Will this show template overrides in my theme?

Yes! Whichever template is used on the site will be shown with a path.

Will this show templates in 3rd party plugins?

Not at this time, but that’s on the road map!

Reviews

Awesome plugin

TomasE April 24, 2017

For several years I’ve been looking for something similar. Great job! To modify Woocommerce’s behavior, this plugin is absolutely superb!

Great ! Especially for Non-Pro Hackers with No Theme Support

learning22 July 28, 2017 1 reply

I’ve been breaking my neck to customize WooCommerce using one of SiteOrigin’s theme and builder. Starting out (this time) with WordPress 4.6 and moving through to 4.8, I found this to be a great tool to help figure out where to make changes. I stopped using the Site Builder and just used this with the Customization CSS that’s now part of WordPress 4.8. I’m using ‘Orbisius Child Theme Creator’ which is great. So, these are the best tools I’ve found for customizing themes and creating child themes, especially since there has been so, so many changes made to WordPress and the plugins I was using – its been a very long year, a lot of double and triple work…uuuggggggh. If you want to create your own Child Theme, have a theme you’ve devoted a lot of time into developing, or need to adjust your current theme, THIS IS THE TOOL to assist you!

Awesome!

Hossein November 13, 2016 1 reply

Thanks for this plugin. Very helpful in developing WooCommerce.

Excellent – super helpful

Unclesabre October 23, 2016

I used this as a newbie to Woocommerce and it helped me understand the structure of the templates really well. I made the tweaks I needed really easily thanks to knowing where to look! Thank you!

Perfect for multiple WooCommerce Plugins

Patrick Pachner September 3, 2016

Very helpful to find the necessary template Files even if you have a lot of WooCommerce Plugins and you want to change something.

livesaver in Woo support work

MatiHautameki September 3, 2016 1 reply

It’s best Woo dev plugin I have been using so far ?? Great job!

Contributors & Developers

Changelog

1.0.0

• Initial release