Templates. A template tells FacetWP which posts to filter upon, and is required for facets to appear. There’s quite a few template options to choose from: Using an archive page Using the Layout Builder Using a custom WP_Query Using a page builder Using advanced mode.
FacetWP includes a built-in layout builder. It allows you to quickly spin up a listing or grid template, which can then be used in alongside any number of facets. Browse to Settings > FacetWP and click “Add template”. New templates use the Layout Builder by default.
Debugging CSS-based templates. For CSS-based templates, FacetWP will automatically try to find the right query. This usually works great, but sometimes FacetWP needs some extra guidance on which query to use. The WordPress Loop. FacetWP tries to automatically add a facetwp-template CSS class to an element surrounding the Loop. But due to a myriad of circumstances, sometimes it needs to be.
8/26/2020 · Set up your template. FacetWP enables you to visually create (with a rather austere design, I must say) our element to be displayed in the desired way in our template. To do this, simply display and then style each of the desired items. By clicking on the +, you will have access to.
Select a two column layout. Set the width of the first column div to 20%. Add the Products List element to the second column div via +Add > WooCoommerce > Products List. Add the class facetwp-template to the Products List element by selecting the element and typing the class name in the top-left of the builder.
Download premium WordPress Themes / Plugins, HTML5 Templates , PHP Scripts for almost free. 100% Original & Untouched/Virus-free files. All Items listed on this site is licensed under the terms of the GPL.
