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!
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!
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!
