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

  • Product page with template hints on
  • Category page with template hints on
  • Cart page with template hints on

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

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

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!

Thanks for this plugin. Very helpful in developing WooCommerce.

Excellent – super helpful

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!

Read all 7 reviews

Contributors & Developers

“WooCommerce Template Hints” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0

  • Initial release