So, you know how to override a template file in Woocommerce using Sage, but you're having trouble changing something within the deeper level of that template file. For example, you want to change the output HTML structure of a given part of the product page loop, or incorporate a Bootstrap class into a button element without using Jquery to inject it. Here's how you can override deeper level parts, the default WC theme elements.
- Check out the info on how template overriding works in Woocommerce before you begin.
- Also check out how to set up Sage Templates & Woocommerce
- Install Roots Wrapper Toolbar to preserve your sanity!
Now you're familiar with how to do Sage + Woocommerce templates, it's time to make it happen.