Rearranging the product page
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 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 the product price lower down the page? Take a look:
Figure 10.14: I’d like to move the price lower down the page
The answer is simple but not easy. 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...
