Size, color, sale, stock, mobile
Problem: shoppers need fast narrowing without losing the product grid on mobile.
- ProofColor swatches, size buttons, chips
- Feature setAttributes, stock, sale, mobile drawer
- CTADemo: fashion storefront
Use cases
Buyers rarely ask for "a filter plugin" in the abstract. They ask whether it works for fashion sizes, electronics brands, B2B parts, large catalogs, or SEO-controlled filtered pages.
Scenario library
These cards can become detail pages later. For MVP, one page with strong sections is enough.
Problem: shoppers need fast narrowing without losing the product grid on mobile.
Problem: shoppers compare many specs and need search plus structured facets.
Problem: buyers need guided product choice, private products, and compatibility logic.
Problem: long attribute lists create dead ends and slow count calculations.
Problem: filters can create duplicates unless URL and index rules are controlled.
Problem: each client theme has different selectors and support expectations.
Content pattern
Use this repeatable structure when turning a card into a standalone SEO or campaign page.
| Section | Content | Why it matters |
|---|---|---|
| Problem | Catalog-specific pain in plain WooCommerce language | Creates recognition quickly |
| Proof | Demo state, product grid, chips, URL, count, or mobile drawer | Turns claims into visible behavior |
| Setup path | Relevant feature groups and docs links | Shows the route from interest to implementation |
| Commercial note | Plan/Pro note only when confirmed | Avoids misleading freemium claims |