Case study · KH Art & Framing

KH Art & Framing: a custom frame builder with no monthly app fee.

A custom framer's real expertise is in the details: moulding, mats, glazing, what fits and what doesn't. We turned that into an online frame designer that walks customers through one decision at a time, draws the result to scale, prices it live, and hands a complete work order to the shop's normal Shopify checkout.

Inside the builder
14moulding profiles in 19 finishes, from manufacturer spec sheets
6product types, from framed prints to canvas wraps
~66 KBof JavaScript (gzipped), no backend
$0monthly app fees
The problem

Custom framing doesn't fit a normal product page.

A framed piece has dozens of choices: size, paper, mat style, moulding, glazing, mounting and hanging hardware. Every combination changes the price, and some combinations don't physically work. A standard Shopify product tops out long before that, and most product-option apps charge a monthly fee while still not knowing anything about framing.

The bigger risk is size. Misjudging how big a piece will look on the wall is the most common custom-framing regret, and a flat thumbnail doesn't help.

  • Too many options for variants or an off-the-shelf options app.
  • Prices that depend on geometry, such as art size plus mat, moulding by the foot, and glass by the sheet.
  • Combinations that can't be built, like a moulding too shallow for the glass, mat and backing stack.
  • A work order the bench can use, not just "Frame, large, black".
What we built

A framer's knowledge, turned into a step-by-step builder.

Experience

One decision at a time, with a sticky price.

Customers upload their art, then choose product type, size, paper, mat, moulding, glazing and hardware in order. Each step collapses to a one-line summary once it's chosen, and the running price stays pinned on screen.

Preview

Drawn to scale, above a real sofa.

A canvas renderer draws mitred moulding painted from the manufacturer's photo, bevelled mats and glass reflections. A "To scale" view hangs the piece above an 84-inch sofa, so the customer can judge the size before ordering.

Guardrails

It won't let you order a frame that can't be built.

A live resolution check warns when an upload is too small to print well. The builder enforces mat geometry, refuses real glass above a safe size, and checks that the moulding is deep enough for everything inside it. Any warning the customer clicks past is recorded on the order.

Pricing & checkout

What you see is exactly what you pay.

The same geometry drives both the drawing and the price, so a frame that looks a certain way is always priced that way. Shopify won't let a storefront set an arbitrary price, so the builder uses a hidden 5-cent "carrier" product with a quantity that adds up to the exact total. Tax, discounts and refunds then work through Shopify's normal checkout, with no app and no monthly fee.

For the shop floor

Orders that arrive ready to cut.

Each order is designed to carry a readable work order in the line item, plus hidden details for the bench: the full specification, the price breakdown, every cut dimension, and the warnings the customer accepted. The original artwork, a preview image and the spec file travel with it.

The demo runs with a mock cart. The connection to KH's live Shopify store is written and ready for testing, and that's the next step before launch.

  • Built with Preact and Vite: one JavaScript file and one stylesheet added to the theme.
  • Tested with an automated check that runs more than 160 configurations through the pricing logic.
  • Etsy too. We set up KH's Etsy storefront: shop sections, shipping profiles, variations and launch listings.
  • Honest trade-offs. In the Shopify admin the order shows as a large quantity of "Custom Framing", and unit-sales reports aren't meaningful for that product. We documented both before building it.
FAQ

Common questions

Can I try the frame builder?

Yes. The public demo is at framing.zohadigital.co. It uses a demo cart instead of KH's live store.

Could you build something like this for my products?

If your product has options that change the price and the look (sizes, materials, finishes, personalization), yes. We'd start by mapping your options and pricing rules, then decide whether a custom builder or an off-the-shelf app is the better fit. Read how to build a Shopify product customizer without an app.

Does it work with Shopify discounts and taxes?

That's the point of the design. The order goes through Shopify's own cart and checkout, so taxes, discount codes, Shop Pay and refunds work the way they do for any other product.

Get started

Have a product that's hard to sell online?

Tell us a little about your business. We'll look at your site and online presence and come back with honest, specific ideas, free and with no obligation.

  • A real person replies within one business day
  • A free audit of your site, search and store
  • A clear quote before any work starts

Prefer email? admin@zohadigital.co

What can we help with?

We'll only use your details to reply to you. No spam, ever.