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!

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!

1.0.0

• Initial release

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

Product page with template hints on



Category page with template hints on



Cart page with template hints on