Briefing

Mercantile Storefront Redesign Launches on WordPress 7.0 with Block-Based Cart and Interactivity API

e-commerce
by jillq · WordPress WooCommerce

Deploy the new Mercantile storefront on your WordPress 7.0 site, test block‑based cart and checkout, enable local pickup if needed, and verify accessibility compliance.

What to do now

Deploy the new Mercantile storefront on your WordPress 7.0 site, test block‑based cart and checkout, enable local pickup if needed, and verify accessibility compliance.

Summary

The official WordPress project store, Mercantile, has unveiled a complete redesign that places the product catalog front and center and adapts seamlessly across all screen sizes. Built almost entirely with blocks, the new storefront runs on WordPress 7.0 and includes a block‑based cart, checkout, mini‑cart, and order confirmation, all powered by the Interactivity API for smooth catalog navigation and modal states. Accessibility is baked in, honoring reduced‑motion preferences and meeting color‑contrast standards, while product pages display detailed attributes such as size, material, and care. The redesign also added local pickup at checkout and a set of event‑only products for WordCamp Europe, where 50 in‑person orders were successfully processed using local payments.

This launch demonstrates the capabilities of modern WordPress and WooCommerce, showcasing how a fully block‑based e‑commerce experience can be built with custom theme blocks, interactivity, and accessibility baked in. The new design also includes a playful command‑line text‑based version in development, hinting at future experimental features.

Key changes

  • Store built on WordPress 7.0 with almost all blocks and custom theme blocks
  • Block‑based cart, checkout, mini‑cart, and order confirmation powered by Interactivity API
  • Catalog navigation and modal states use Interactivity API for smooth UX
  • Accessibility built in: reduced‑motion preferences honored and color‑contrast standards met
  • Product pages display per‑product attributes such as size, material, and care
  • Local pickup enabled at checkout for event sales
  • Event‑only products added for WordCamp Europe
  • 50 in‑person orders processed at the event using local payments

Affects

e-com-customers wp-customers

Customer impact

Analyzing matches…

Ask about this story

Impact on an agency? Which customers? Compare historically Risks of waiting