The official WordPress swag store, Mercantile, has a redesigned storefront. The catalog is front and center, the layout holds up across screen sizes, and small touches make shopping easier. One example: it automatically selects the only available variant so you do not have to pick it manually.
Order confirmation emails now match the store’s look and feel. Product pages surface attributes like size, material, and care instructions upfront so you have the details before adding anything to your cart.
Built almost entirely with blocks
The rebuild is a practical showcase of what WordPress 7.0 and WooCommerce blocks can do. The cart, checkout, mini-cart, and order confirmation are all block-based. The Interactivity API handles catalog navigation and modal states. Custom theme blocks were built specifically for the store.
Accessibility was built in throughout. Reduced-motion preferences are respected across animations and color contrast meets current standards.
Why it matters for your site
If you run a WooCommerce store or are considering one, this is a real-world example of what a block-first build looks like at scale. The store launched in time to support the Mercantile booth at WordCamp Europe, which means it was tested under actual event conditions.
End of article