A real WooCommerce shop, built entirely with Etch
Every price, rating, cart and checkout on this site is a Fancy Etch component. Nothing here is a theme template — and nothing here reimplements WooCommerce.
See it working
Browse the shopSix products, each one here for a different reason. Open any of them and the product page shows it — the same components you place in the builder, with WooCommerce behind them.
- $44.00 – $59.00
Regular price:Sale price:Colour and size on the card itself, and the photo follows the colour you pick. Its page adds three photos and a sale price.
- Variation Picker
- Product Gallery
- Product Price
- Add to Cart
Piqué Polo
$24.00 – $32.00Regular price:Sale price:Four photos: thumbnails, zoom while the pointer is over them, and a lightbox that also works with the keyboard.
- Product Gallery
- Variation Picker
- Product Reviews
Cap
$16.00Regular price:$18.00Sale price:$16.00What it cost, what it costs now, and the discount worked out on the badge. Four reviews with their stars further down.
- Product Price
- Product Badges
- Product Rating
- Product Reviews
Summer Essentials
$16.00 – $90.00Regular price:Sale price:A grouped product: several things, each with its own quantity, added to the cart in one go.
- Add to Cart
- Product Price
Rain Jacket
$75.00Regular price:$75.00Sale price:Out of stock, said on the card and on its page, with a button that says so instead of failing. Travel backpack does the same for backorder.
- Stock Status
- Product Badges
- Add to Cart
Limited High-Top
$149.00Regular price:$149.00Sale price:Sold somewhere else: the button leaves for the other shop, and nothing is added to this cart.
- Add to Cart
- Product Badges
Featured
See everythingAlbum
V-Neck T-Shirt
Cap
Sunglasses
Hoodie with Pocket
Hoodie with Zipper
Canvas Sneaker
Denim Jacket
On sale
See everythingCanvas Tote
Beanie
Belt
Cap
From the card to your account
Add anything to the cart and follow it through. Every step below is built with the module’s components; the totals, the stock and the payment are WooCommerce’s own.
Add to cart
From a card in the catalogue or from the product page: the quantity, the variation that was picked, and an answer without reloading anything.
- Add to Cart
- Variation Picker
The mini cart
The drawer in the header opens with what just went in, and the counter beside it carries the total from page to page.
- Mini Cart
- Cart Count
The cart
Lines with their photo and their quantity, a coupon, and the totals with shipping and tax as this shop has them set.
- Cart
- Cart Items
- Cart Coupon
- Cart Totals
The checkout
WooCommerce’s own form, re-skinned: address, shipping method, payment, and the order beside it while it is filled in.
- Checkout
- Checkout Form
- Checkout summary
Your account
Orders, downloads, addresses and details, in whichever page the shop has set as its account page.
- Account
What people say
Everything in the box
28 components, in the same eight groups the builder’s panel uses. Place a whole one — the cart, the checkout, the filters — or its pieces, one by one, wherever the page needs them.
Shop
- Product Gallery
- Product Badges
- Product Price
- Product Rating
- Stock Status
- Variation Picker
- Add to Cart
- Product Reviews
Catalog
- Breadcrumb
- Catalog Bar
- Catalog Pagination
Filters
- Catalog Filters
- Price Filter
- Color Filter
- Attribute Filter
- Rating Filter
- Category Filter
Search
- Search
Cart
- Cart
- Cart Items
- Cart Coupon
- Cart Totals
Mini cart
- Cart Count
- Mini Cart
Checkout
- Checkout
- Checkout Form
- Checkout summary
Account
- Account
Free shipping over $80
Worked out by WooCommerce, shown by the cart and the mini cart as you get closer.
30 days to change your mind
Returns handled by the shop, on its own terms — the module does not touch them.
Every gateway keeps working
The checkout is WooCommerce’s classic form, re-skinned. Its hooks are untouched.




















