Understanding Code that Displays Woocommerce Products

Using the Avia Layout Builder to have content on a page, I can click the “Plugin Additions” tab to then place a product grid of Woocommerce products onto a page. When I select product categories to have products show up on a page, I want to know all about the code involved that causes the page to display to a web visitor. I am asking this because I want to do some custom things to the page, such as add a button to the page that causes each of the product categories to show and hide the products within each of the categories, in order for the visitor to have one page that has several product categories of products on the page, but the visitor gets to look at one category at a time by way of clicking a “show/hide products” button. Also, I want to be able to inject code somewhere that will filter the products within a category based on some other custom work I am doing, so I need to know the entire sequence of code that causes a page to load, and what code is involved that causes several product grids chosen through the Avia Layout Builder to appear on a page. Some education on this would be greatly appreciated.

• This topic was modified 5 years, 6 months ago by JZNAMZ.