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

Daniel Espinoza

Shop Plugins

bryceadams

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 <a href="https://github.com/growdev/woocommerce-template-hints" rel="nofollow ugc">Github</a>
Translations, feature requests, and ratings are welcome and appreciated!

WooCommerce Template Hints

Clever little plugin to help with WooCommerce development. 
If like me you get confused by the minefield of hooks and templates being called by WooCommerce just to create a page, then this is the perfect plugin to help find out which bit of the page is being output by what file.
Only one small niggle is that it breaks all CSS you or WooCommerce may have applied to the page, so the main parts of the pages appear like old style top to bottom HTML, i.e. nothing floats left etc. It makes sense when you see it, and is ok as you would only ever use this plugin during development or debugging. 
When you deactivate the plugin everything returns to normal :)
Great. Love it! ... Does what it says on the tin.



Great plugin :)

Thanks for this plugin. Very helpful in developing WooCommerce.

Alternatives to WooCommerce Template Hints

Top alternatives