Flexible Products displays WooCommerce products inside your Flexible Page Builder layouts as a responsive grid or a slider. You can hand‑pick products, filter by product categories, control the number of columns, and optionally enable AJAX Load More in grid mode. Rendering uses native WooCommerce templates, ensuring theme compatibility and proper product markup.
What you can show in the block
- Products selection: pick specific products (preserves order) or let the query pull products automatically.
- Category filter: limit products by selected
product_catterms. - WooCommerce card template: items render via the standard
content-product.phptemplate (image, title, price, rating, add to cart, etc.).
Layout and presentation
- Grid mode: outputs
<ul class="products columns-X">with a column count from the section setting (default 4) and addsajax_archive_wrwhen Load More is enabled. - Slider mode: enabling the section’s Slick option items become slides.
- Load More (AJAX): when enabled in grid mode, a Load More button is rendered via the plugin helper; pagination respects site settings.
Editor experience
- Configure via ACF: choose products (object selector), set product categories, select columns, toggle Slick (slider) and Load More (grid only).
- When specific products are selected, the query preserves their order and shows all of them (unlimited) in one view.
- Uses WooCommerce loop properties (
wc_set_loop_prop) to keep markup/theme behavior consistent.
Compatibility and requirements
- WooCommerce must be active.
What this module does not do
- Does not replace WooCommerce templates; it calls
wc_get_template_part('content','product'). - Does not add front‑end filters/sorting beyond the configured query.
- Does not implement custom cart/checkout logic (uses WooCommerce defaults).
Typical use cases
- Featured products grid on a homepage with optional Load More.
- Category‑specific product sliders on landing pages.
- Curated collections using a hand‑picked product list.















