DEV3 Technologies home

DEV3 Crumbelle – Bakery & Cake Shop WordPress Theme for Elementor & WooCommerce

A playful WordPress theme for bakeries and cake shops: a blob-masked cake hero, wavy piped dividers, a custom cake builder with a live drawing and price, pickup slots at checkout, a daily bakes board, a pastry menu, baking classes and baker profiles.
by DEV3 TechnologiesVerified Author(0) 0 sales 2 viewsUpdated 07 Nov 2026

Launch Offer: up to 50% off

This item is 50% off: $24.50 instead of $49

Ends in
--
Days
--
Hrs
--
Min
--
Sec

DEV3 Crumbelle is a WordPress theme for bakeries, cake shops, patisseries and home bakers who sell online. It is playful and warm: Shrikhand display headlines with Cabin text, buttercream paper, pistachio buttons with cocoa ink, rose accents, rounded corners and wavy piped dividers between sections. Motion is light (a drifting blob, staggered grids, a slow slideshow) and respects reduced motion. There is no 3D or WebGL in the theme at all.

Buy a licence to download it. There is no public live demo: watch the video tour at the top of this page, or step through the screenshots at desktop, tablet and phone sizes.

A cake builder customers enjoy

  • Five steps: size, sponge, filling, finish and a message on the cake, in a plain form with large option cards.
  • A live drawing of the cake changes colour and decoration as you choose, and the price updates as you go.
  • Server-side pricing: options and prices come from four Customizer lists, and the price is worked out on the server and stored on the cart line, so it cannot be changed from the browser.
  • The choices show in the cart, the checkout, the order, the admin and the emails. The message is sanitised and length-limited.
  • It works without JavaScript too: the first option of each step is preselected and the server calculates the price.

Pickup slots at checkout

  • A required pickup day and window list built from your pickup days, time windows, closed dates and weeks of slots.
  • Notice that follows the basket: ready bakes need a day, celebration cakes more, and a cake from the builder the longest. A daily cut-off moves the first date forward.
  • The slot is saved on the order, shown in the admin, on the thank-you page and in emails.

A bakery front of house

  • Today's bakes board: tick the bakes you made this morning and they appear on the board with their photo, price and oven time.
  • A pastry menu by category with dietary tags, opening hours with today highlighted and Bakery schema, baking classes with level, seats and price, and baker profiles.
  • WooCommerce styling for cakes with size variations, cupcake boxes, pastries, bread and pies, with dietary badges, serving sizes, how-far-ahead-to-order notes, Allergens and Pickup tabs and an optional message-on-the-cake field.

A hero that looks like the display case

  • The toolkit's Photo Hero widget: on the home page a blob-masked cake photo with a slideshow, centred on buttercream; on inner pages a full-bleed photo with a cocoa wash. Both end in a wavy piped divider.
  • A round sticker, chips and two buttons sit with the copy; on phones the blob shrinks and stacks under it.

Built for editing

Every demo page is built in Elementor (the free version works) with the DEV3 Theme Toolkit widgets, and 28 block patterns cover the same sections for the block editor. Colours and fonts come from one token file and sync to the Customizer, theme.json and the Elementor kit. Fonts are self-hosted. The demo photos are free-licence stock photos listed in PHOTO-CREDITS.md; the bakehouse, its bakers, prices, quotes and addresses are fictional sample content.

#bakery#cake-shop#custom-cake-builder#pickup-slots#pastry-menu#baking-classes#photo-hero#elementor#woocommerce#wordpress-theme

How it's built

Architecture, stack, key decisions and the quality gates DEV3 Crumbelle passed before release.

Our own WordPress theme for bakeries and cake shops: a blob-masked cake hero, a custom cake builder with a live drawing and a server-side price, pickup slots at checkout that follow the basket, a bakes board, a pastry menu and baking classes, built on a no-3D theme core.

The problem it solves

A bakery sells things that are made for a moment. A birthday cake needs three days of notice, a croissant needs one, and everyone wants to collect at a time that suits them. Most shop themes treat a cake like any other product, so owners fall back on phone calls and notes on a napkin. Crumbelle had to put the real bakery workflow into the theme: designing a cake with a price you can trust, choosing a pickup window that respects the notice, and showing what came out of the oven today, while staying editable in Elementor and free of 3D or WebGL.

Architecture and approach

Crumbelle is a classic PHP theme with theme.json on DEV3's shared theme core in flat mode. The cake builder is a plain form posted to WooCommerce's add-to-cart: options and prices come from four Customizer lists, the server validates every choice and works out the price, and the result is stored on the cart line and the order item. A small lazy script adds the live price and a cake drawing whose layers change colour and decoration; without it the form still works.

Pickup slots are built at checkout from the Customizer (days, windows, notice, cut-off and closed dates); the notice follows the basket, so a custom cake pushes the first date out. The bakes board and menu are content markers filled at request time, so Elementor's cached output never shows yesterday's bakes. The home hero is the toolkit's Photo Hero, masked into a blob with theme CSS; the demo uses free-licence photos with a credits file.

Quality gates and results

Crumbelle ships with a one-click demo: 9 Elementor pages, 20 products in five categories, 12 pastry menu items, 3 baking classes, 4 bakers, 6 customer stories, 4 journal posts and 28 block patterns.

It passes PHP lint, WordPress coding standards (0 errors, 0 warnings), Theme Check with no required issues, the WooCommerce checkout flow with a pickup slot, an Elementor editor test and its no-3D gate; the always-loaded JavaScript is about 12 KB gzipped.

Tech stack

Area Technologies
Frontend DEV3 Motion, Photo Hero, Lenis, Elementor widgets, Block patterns
Platform WordPress 6.0+, PHP 7.4+, WooCommerce, Contact Form 7, DEV3 Theme Toolkit
Search Bakery schema.org JSON-LD, OpeningHoursSpecification, Open Graph

Inside the build

Blob-masked cake hero: a slideshow of cakes inside an organic blob on buttercream, a Shrikhand headline, two buttons, chips and a round sticker, ending in a wavy piped divider. Blob-masked cake hero — a slideshow of cakes inside an organic blob on buttercream, a Shrikhand headline, two buttons, chips and a round sticker, ending in a wavy piped divider.

Today's bakes board: the bakes switched on this morning, with photo, price, dietary tags and the time they leave the oven. Today's bakes board — the bakes switched on this morning, with photo, price, dietary tags and the time they leave the oven.

Guides & articles

Practical guides and engineering write-ups for DEV3 Crumbelle.

A bakery WordPress theme: cake builder and pickup slots with Crumbelle

Last updated
A bakery WordPress theme: cake builder and pickup slots with Crumbelle: DEV3 Crumbelle

A bakery sells things that are made for a moment. A birthday cake needs three days of notice, a croissant needs one, and everyone wants to collect at a time that suits them. DEV3 Crumbelle is a WordPress theme built around that rhythm, with every page editable in Elementor.

The Crumbelle home page: a cake photo inside a soft blob on buttercream with the headline

Video tour of the Crumbelle demo: the cake hero, the bakes board, the cake builder, classes and the pickup checkout

Who Crumbelle is for

  • Bakeries and cake shops that take orders online for pickup.
  • Home bakers and patisseries that sell custom cakes and want fewer back-and-forth messages.
  • Agencies and freelancers building a bakery site the owner will keep editing.

A cake builder customers enjoy

The builder is a plain form with five steps: size, sponge, filling, finish and a message. With JavaScript it adds a live cake drawing and a live price; without it the form still works, because the server works out the price from your Customizer lists and stores it on the cart line.

The Crumbelle cake builder with option cards, a cake drawing and a live price

The choices travel with the order, so the baker sees exactly what to make. The message is sanitised and length-limited.

Pickup slots that respect the notice

At checkout customers choose a pickup day and window. The first date depends on the basket: ready bakes need a day, celebration cakes more, and a custom cake the most. A daily cut-off moves the first date forward, and closed dates are skipped.

The Crumbelle checkout with a pickup slot list above the payment

Shop, board and menu

Cakes come with size variations, cupcakes in boxes of four, six or twelve, and every card shows dietary badges and how far ahead to order. A bakes board shows what came out of the oven today, a pastry menu lists the rest, and baking classes and baker profiles complete the picture.

The Crumbelle shop with category chips and bakery product cards

Set it up in an afternoon

  1. Install the theme and the DEV3 Theme Toolkit, then import the demo from Appearance → DEV3 Demo.
  2. Replace the demo photos with your own and edit the hero slides in the Photo Hero widget.
  3. Set your opening hours, pickup days and windows and the cake builder prices under Appearance → Customize → Crumbelle: bakehouse details.
  4. Replace the demo products and menu items with your own.

Crumbelle in the Elementor editor with the Photo Hero widget selected

Get Crumbelle on the DEV3 Marketplace with a regular or extended licence.

Frequently asked questions

The complete source code (version 1.0.0) as a download from your account, with the setup and usage guides shown on this page. You can modify the code to suit your product.

Buying guides: 3D and motion WordPress themes for Elementor and WooCommerce

Questions about this product (6)

Answers from the DEV3 team and the community.

Ask a question
View all 6 questions

More from this author

View all

Related in CMS Extensions

View all