It's very common for store owners to want to customize the frontend of their store. They might really like the look of the product page but they want to rearrange certain elements.
In this section, we're going to install a plugin to help us to understand how the WooCommerce code works so that we can modify it.
As an example, let's say we take a look at our product page and we don't think listing the category is important for our store. We could move that lower down the page. But how would we even begin to do that?
In the following screenshot, how do we move Category: Tshirts lower down the page? Take a look:
The answer is simple: the first thing we have to do is find where this code is coming from and how it's being displayed on the page. We could go through thousands of lines of code in WooCommerce or we could use what I...