SHOPIFY CASE STUDY

Goldelucks: A Deeply Customisable Shopify Store

A heavily customised Shopify build for a personalised-gifting brand: custom variant swatches, an advanced product-customisation flow, add-ons with live pricing, file uploads, and reusable theme sections the team manages from the Shopify admin.

Custom Swatches

Colour & Image Variants
Dynamic selection + availability

Advanced PDP

Product Customisation
Real-time pricing + options

Product Add-ons

+ Third-Party Tools
File upload + live pricing

Reusable Sections

Admin-Managed
Banners, collections, modals

Project Context

Client

Goldelucks (Goldeluck’s Doughnuts)

Niche
Shopify E-Commerce · Personalised Gifting & Desserts

Team

4-5 members

The Tech Stack

  • Shopify
  • Liquid
  • HTML
  • CSS
  • JavaScript
  • AJAX
  • Shopify Theme Customization
  • Shopify Metafields
  • Third-Party Shopify Apps

"We needed a seamless, confusion-free shopping experience backed by an easily manageable Shopify admin."

Because Goldelucks sells deeply personal gifts, we planned the build around visual swatches, photo uploads, and add-ons, ensuring rich customisation options without cluttering the product page.

Phillip Kuoch
Founder, Goldeluck’s Doughnuts

THE STOREFRONT

A Store Built for Deep Personalisation, Without the Clutter

Goldelucks makes personalised gifts, so the store’s job is to let a shopper customise a lot while the product page stays clean and easy to use. We customised the Shopify theme around exactly that: visual swatches instead of dropdowns, a stepped customisation flow, add-ons with live pricing, photo uploads through third-party tools, and reusable sections the team runs from the admin. What a shopper can do:

For Goldelucks Shoppers

  • Customise a gift step by step, without ever leaving the product page
  • Choose options with colour and image swatches instead of plain dropdowns
  • Upload a photo or logo to personalise the gift
  • Add extras, explosion upgrades, gift notes, and cards, with pricing that updates live
  • Read option details in custom info modals right where they are deciding
  • Pick a physical or digital gift-card design from a visual library
  • See the price update in real time as choices are made
  • Shop with the same customisation experience on phone, tablet, or desktop

HOW WE BUILT IT

A Structured Build Around Deep, Simple Customisation

Built on an existing store that several developers had worked on before, the project focused on making deep product customisation feel simple. We agreed the customisation model up front, then extended the theme in reviewable stages so each piece stayed consistent with the rest.

Discovery

Mapped the products that needed customisation, the options each required, and where the current product

page was getting in a shopper’s way.

Requirement Analysis

Split the work into swatches, the add-on and pricing engine, third-party integrations, reusable

sections, and responsive behaviour.

Theme Customization

Extended the Shopify theme to carry the customisation requirements without breaking the rest of the store.

Swatch System

Replaced default variant dropdowns with custom colour and image swatches, with dynamic selection and availability handling.

Add-on & Pricing Engine

Built the add-on system, extra products, variants, and

quantities, with automatic, real-time price calculation.

Third-Party Integration

Wired in file uploads and product-customisation tools, styled to feel native to the customised theme

Reusable Sections

Built reusable theme sections, banners, collections, content blocks, modals, editable from the Shopify Theme Editor.

QA & Launch

Tested every option, add-on, price update, and integration across browsers and devices before release.

WHAT WE BUILT

The Building Blocks of a Deeply Customisable Store

The build is a set of connected pieces on the product page and across the theme. Each one below does a specific job in letting a shopper personalise a gift quickly and confidently.

Advanced Product Customisation

The product page walks a shopper through customisation step by step, pick a box, add a photo or logo, add an explosion, add a note, so a highly customisable gift never feels overwhelming. Options, personalisation, and price all update in place.

Custom Variant & Image Swatches

Default Shopify dropdowns are replaced with visual colour and image swatches, including a design library for gift cards. Selection is dynamic, availability is handled, and the choice is something a shopper sees rather than reads.

Product Add-ons with Live Pricing

Shoppers add extras, gift notes, cards, upgrades, each with its own variant and quantity, and the price recalculates automatically. It is the upsell surface, built cleanly into the product page instead of a separate cart step.

Reusable Content Sections

We built the homepage from reusable sections, promotional banners, image-and-text blocks, and content modules like this ordering-steps block, each editable in the Shopify Theme Editor. The team rearranges and updates them without touching theme code.

Category & Collection Sections

Browsing surfaces like this category explorer are built as reusable, admin-managed sections, so the team can re-order categories and swap what the store leads with, without a developer.

Featured Collections & Merchandising

The featured-products grid is another reusable section we built: curated collections and popular gifts the team merchandises from the admin, so the homepage leads with the right products each season without a rebuild.

Build-Your-Own, Powered by Our Systems

Products like Build Your Own Donuts run on the same customisation systems we built, swatch selection, add-ons, and personalisation working together, so a shopper assembles the gift itself. It is the customisation engine in its fullest use, not a separate one-off page.

THE CHALLENGES WE SOLVED

Making Deep Customisation Feel Simple

This section is about the judgement calls, not the feature list. Deep product customisation on Shopify is easy to make powerful and hard to keep simple. Six problems shaped the build:

Deep Customisation Without the Clutter

The hardest problem: let a shopper customise a lot, box, photo, add-ons, notes, cards, while keeping the product page clean, readable, and easy to move through. Every decision traded power against simplicity.

Swatches That Behave Like Variants

Replacing dropdowns with colour and image swatches meant rebuilding variant selection and availability behind a custom interface, so the visual choice still maps correctly to real Shopify variants.

Add-ons with Dynamic Pricing

Add-ons carry their own variants and quantities, and the price has to stay correct in real time as they change, without a page reload or a surprise at checkout.

Third-Party Tools Inside a Custom Theme

File upload and customisation apps had to be integrated so they look and behave like part of the store, not a bolted-on widget with its own styling.

One Experience Across Devices

All of this, swatches, add-ons, uploads, live pricing, had to stay clean and usable on a phone, where a large share of gifting purchases happen.

Content the Team Can Change Safely

The store had to stay editable after launch. The judgement call was building sections the team can rearrange and update in the Theme Editor without breaking the deep customisation logic underneath.

WHAT WAS DELIVERED

A Customisable Store the Team Can Run

This section maps the brief to the outcome: what Goldelucks wanted, and what it means for shoppers and the team now that it is live.

VISION DELIVERED
Personalisation “Let customers customise easily, without confusion” A stepped customisation flow with visual swatches and photo uploads keeps a complex product simple to order.
Upsell “Increase opportunities for upselling” Product add-ons with live pricing built into the product page turn extras into an easy yes.
Content Control “Make content flexible and easy to manage from Shopify” Reusable theme sections let the team edit banners, collections, and content directly in the Theme Editor, without a developer.
Consistency “Integrate third-party tools seamlessly” File-upload and customisation apps are styled and integrated to feel native to the customised theme.
Responsive “Work smoothly across devices” A responsive customisation experience maintains its layout and behaviour seamlessly from mobile to desktop.
Experience “Create a modern, user-friendly shopping experience” A clean, guided product page makes a deeply customisable gift feel effortless to buy.

WHAT TO EXPECT FROM US

Transparent Build Process and Clean Delivery for Shopify Projects

If you are building or extending a Shopify store and weighing agencies, here is what working with our team actually looks like.

A plan before a proposal.

We start with what your store needs to do, who it serves, and where the current experience gets in the way. You leave with a delivery plan, not a sales pitch.

Brand-first, not feature-first.

Every option and section exists for a reason we agree on first. The end product reflects how your customers actually buy, not a generic template.

Clean theme code from the start.

We write Shopify Liquid that any competent developer can read and maintain, and we extend your theme rather than pile on apps that fight each other.

Complexity made simple.

When a product needs deep customisation, our job is to keep it feeling easy. Power should never cost the shopper clarity.

Content the team owns.

We build content-heavy areas as reusable sections around the Shopify admin, so your team updates offers, banners, and collections without us.

A milestone review at every stage.

You review the real work at each stage: customisation flow, swatches, integrations, final QA. No month-long silence before a reveal.

Quality that does not depend on one person.

Every option, add-on, and price update is tested across browsers and devices, not eyeballed once on a single screen.

You own what we build.

At handover you get the full theme: Liquid source, custom code, section definitions, and documentation. Your team can take it forward independently.

TECHNICAL NOTES

The Architecture Behind the Customisation

Custom Variant & Swatch System

Colour and image swatches replace native dropdowns, with dynamic selection and availability handling mapped back to real Shopify variants.

Add-on & Pricing Engine

Add-on products carry their own variants and quantities; totals recalculate in real time in the browser as selections change.

Third-Party App Integration

File-upload and product-customisation apps are integrated into the theme and styled to match, keeping one consistent experience.

Reusable Shopify Sections

Banners, featured collections, content blocks, and modals are schema-driven sections editable from the Shopify Theme Editor.

Custom Modals

Product-information and personalisation-instruction modals surface detail exactly where a shopper is deciding, without leaving the page.

Metafield-Driven Content

Shopify Metafields drive per-product content so customisation options and details render from structured data, not hard-coded markup.

AJAX Live Updates

Option changes and price recalculation happen via AJAX, so selections and totals update in place without a full page reload.

Responsive, Mobile-First Layout

The customisation experience, swatches, add-ons, uploads, and pricing, is engineered to hold its layout and behaviour from phone to tablet to desktop.

Got a Shopify product that needs deep customisation without the clutter? Let’s build it properly.

Book a 30-minute call with our team. We will walk your product, flag where customisation is costing you sales, and give you a clear delivery plan.