patterns
A Relume-style library of numbered, copy-ready layout patterns for the Oxygen 6 or Breakdance builder - navbars and mega menus, product page headers, the sections that come after them, product grids, the cart, checkout and My Account pages, faceted filters, accordion / FAQ sections, and CSS-only designs for the WooCommerce quantity stepper, the loop add-to-cart button states and the WooCommerce notices - each with a when-to-use line, the layout, and complete HTML plus CSS for html-to-page. Use when the user asks for "a few options", "variants", "patterns", "like Relume", "give me layouts for X", or when you need a proven starting layout for a product page, a navigation bar, a product grid, an FAQ or the quantity input instead of inventing one.
Pinned to revision 51ffa4227225, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/patterns/SKILL.md
- skills/patterns/accordions.md
- skills/patterns/account-pages.md
- skills/patterns/cart-pages.md
- skills/patterns/checkout-pages.md
- skills/patterns/filters.md
- skills/patterns/loop-cart-button.md
- skills/patterns/navbars.md
- skills/patterns/notices.md
- skills/patterns/product-grids.md
- skills/patterns/product-headers.md
- skills/patterns/product-sections.md
- skills/patterns/quantity-steppers.md
Every link opens the file at its source, pinned to the revision this page describes.