SheafShopify store customisation · 2026

The customer sees their notebook before ordering

A theme section in Liquid, a delivery estimate block as an app extension and a Node server.

The configurator on a phone: the notebook stays pinned above the options

The task: A shop sells made-to-order notebooks, each in dozens of combinations: size, cover, paper, band, monogram. The customer has to see their own, and the shop should not have to photograph each one.
The solution: A theme section with a configurator: the notebook is drawn to scale in code and changes with every choice. Next to it, a delivery estimate worked out by the server. The choice is written into the order line.
The result: 48 product variants without a single photo, an interface in five languages, and a cart line that carries everything the customer chose. The configurator is open: build a notebook and take it to the cart.

A configurator right on the product page

Size, cover, paper, band and monogram change on screen at once. The notebook is drawn to scale in code, so the shop does not have to photograph every combination.

48 product variants without a single photo

The finished notebook: Forest cover, red band, gold monogram

The same notebook open: endpaper and a dot grid page

The server works out the delivery date

The block shows how long is left to ship today and when the order reaches the customer's country. It knows the cutoff, weekends, closed days and the time a monogram takes.

14:00 dispatch cutoff, in warehouse time

Three states of the block: countdown to dispatch, made to order, delivery to Japan

Server response: country, zone, dispatch date and arrival window

The cart line carries everything the customer chose

Band colour, monogram and finish are written into the order line. The paid monogram is a separate item and never stays in the cart without its notebook.

Cart: the notebook with its properties and the monogram line

Order lines: band, monogram, finish and the notebook it belongs to

Ready for a shop that sells to several countries

The interface is translated into five languages and dates are written the way the customer expects. Colours, fonts and buttons come from the theme settings.

5 languages: English, German, French, Turkish, Russian

The same page in German for a customer in Austria

How it is built

A theme section, an app extension, a server and the checks.

Section: Liquid and a 13 KB web component with no libraries. The merchant sets the product, sizes, colours and monogram length in the section settings.
Extension: Theme app extension: the delivery block sits inside the section, an app embed watches the cart on every page.
Server: Answers only requests from the store signed by Shopify, and turns away signatures older than five minutes.
Theme: Built for Dawn 16: adding to cart opens its cart drawer, and the theme editor can place the section on any page.

Build your own notebook

Open the configurator All work Service: Shopify Service: 3D websites and configurators