Flexible Tabs Products lets you showcase WooCommerce products inside a tabbed interface in your Flexible Page Builder layouts. Each tab has a heading and a curated set of products. The first tab renders its products immediately; other tabs load products on demand via AJAX (theme/site JS hooks into the provided attributes) for faster initial page load.
What you can show in the block
- Tabbed headings with custom titles; the first tab is marked active.
- Product lists per tab using native WooCommerce item markup (image, title, price, rating, add‑to‑cart, etc.).
Layout and presentation
- WooCommerce list: each tab renders an
<ul class="products columns-4">for consistent grid layout. - Active/Deferred loading: the first tab prints products server‑side; subsequent tabs start empty and receive products via AJAX when clicked.
- Animation: optional animation classes can be applied to headings and content wrappers via the section animation setting.
Editor experience
- Manage tabs via an ACF repeater: set a heading and select products for each tab.
- Reorder tabs with drag‑and‑drop; the first tab will render immediately, others will be prepared for AJAX.
- Product cards use WooCommerce’s
content-product.phptemplate to match your theme styles.
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; each tab shows the curated set you assign.
Typical use cases
- Tabbed product spotlights such as “New”, “Bestsellers”, “Sale”.
- Category‑based product tabs on home or landing pages.
- Curated collections per segment without separate pages.
