Commerce

3 Variants

Product Grid
Product Detail
Bestsellers

Product Grid

Storefront section with a header, a link to the full catalogue and a three-column grid of product cards: photo, category, name, price and add to cart.

>npx @shavin/cli add commerce-product-grid

The WiseOwl shop

Tools for calmer money days

Paper planners, jars and pouches designed with the households who use WiseOwl. Free shipping over $60.

A young pilea plant in a white pot by a window

Planners

Best seller

Envelope Budget Kit

12 monthly cards and 40 reusable envelopes

$24.00

Scattered coins on a peach background

Saving

Sinking Fund Jar Set

Four glass jars with chalk labels

$32.00

A bright living room with a cream sofa in afternoon sun

Planners

New

Household Money Planner

Undated, lay-flat, 52 weekly spreads

$38.00

A hand holding a printed receipt

Organising

Receipt Catcher Pouch

Waxed canvas with a dated tab index

$18.00

A small potted tree against a two-tone peach wall

Home office

Quiet Hours Desk Plant

Hand-glazed pot, ready to plant

$29.00

A calm pastel living space with mint walls and a yellow armchair

Apparel

WiseOwl Tote

Heavy cotton, lime owl mark

$22.00

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#commerce#products#shop#grid

Product Detail

Product page with a tall photo beside the title, rating, price, colour options, add to cart, delivery highlights and an accordion of details.

>npx @shavin/cli add commerce-product-detail
A bright living room with a cream sofa in afternoon sun

Planners

New

Household Money Planner

4.9 from 312 reviews

$38.00

An undated, lay-flat planner for the weekly money check-in you and your household already do, with room to write it down.

Cover colour

Free shipping over $60, arrives in 3 to 5 days

30-day returns on unused planners

Recycled paper, printed in Portland

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#commerce#product#shop#detail

Bestsellers

Four-up product wall with staggered columns, a square photo, price, star rating with review count and an optional badge.

>npx @shavin/cli add commerce-bestsellers

Bestsellers

The tools households reorder

The four planners and jars members buy again, rated by the households who use them every week.

A young pilea plant in a white pot by a window

Envelope Budget Kit

$24.00

12 monthly cards and 40 reusable envelopes

Reordered 3,100 times
Scattered coins on a peach background

Sinking Fund Jar Set

$32.00

Four glass jars with chalk labels

A bright living room with a cream sofa in afternoon sun

Household Money Planner

$38.00

Undated, lay-flat, 52 weekly spreads

New edition
A hand holding a printed receipt

Receipt Catcher Pouch

$18.00

Waxed canvas with a dated tab index

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#commerce#products#bestsellers#rating#shop
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font