New section: Collection Wall — tabs over a full product grid
Tabs that swap a whole grid of products, not a carousel. Shoppers see the full set at once. Each tab's button writes its own label, and Save % and Sold out badges are read from your real prices and stock.
Collection Wall is the shape our Collection family was missing. Collection Tabs gives you a side rail and a carousel; Collection Promo pairs tabs with a promo card. This one does the obvious thing neither did: tabs across the top, then a full multi-row grid underneath, so a shopper sees your whole Best Sellers set at once instead of scrolling sideways through it.
What makes it land:
- The button writes itself. Add a tab called "Best Sellers" and its button reads Shop all Best Sellers. Four tabs, zero button labels typed. Override it per tab if you want something else.
- Badges you can stand behind. Save 14% is calculated from the real compare-at price you set, and Sold out comes from real stock. Nothing is invented, and nothing fake ever reaches a shopper.
- Phones get two products, not one. The grid becomes a swipeable rail showing two products with the next one peeking in, so there is always a reason to keep going.
- Hand-pick or point at a collection. Each tab takes a collection, or a hand-picked list of products in exactly the order you choose.
- Lead with the tabs if you prefer. The heading is optional. Switch it off and the tabs sit at the top of the section.
Settings cover what you would expect and stop where it helps: tab colours and sizes for desktop and mobile, products per row on each, image orientation and roundness, title and price sizing and colour, a separate sale colour, and the usual background, width, padding and margins.
One deliberate choice worth calling out: button styling is set once for the whole section, not per tab. Styling the same button four times is four chances for them to drift apart. Each tab controls its own content — name, products, and where the button goes.