Couleur et contenance comme produits liés
Un modèle catalogue, pas des variantes Shopify classiques.
2024
QDB Editions
Intervention ciblée sur le thème Shopify, pour l’agence Omosa · Sélecteur produits liés + configurateur gravure/cadeau
Contexte
QDB Editions fabrique à la main, au Touquet, des objets en verre recyclé (verrerie, bougeoirs, luminaires) à partir de bouteilles transformées. L’agence Omosa m’a confié une intervention ciblée sur le thème Shopify existant, pas une refonte complète.
Deux ajouts sur la base Dawn : un sélecteur couleur et contenance basé sur des produits liés par metafields plutôt que sur des variantes Shopify classiques, pertinent pour une verrerie où chaque couleur est un SKU à part entière, et une popup de personnalisation en deux étapes (gravure, emballage cadeau) qui ajoute tout au panier en un seul appel, avec des line item properties et un identifiant de bundle pour relier les lignes.
Livré en juin 2024.
Objectifs & livrables
Personnalisation en deux étapes
Gravure et emballage cadeau, ajoutés en un seul appel panier.
Une intervention, pas une refonte
Ajouts isolés sur le thème existant, sans toucher au reste de la boutique.
Sous le capot
Shopify OS 2.0 sur une base Dawn 13, Web Components pour la popup de personnalisation, Tailwind isolé (préfixe dédié) pour ne pas casser le CSS Dawn existant. Ajax Cart API avec ajout multi-items et re-rendu du drawer via la Section Rendering API.
Metafields
Couleur et volume : des produits liés, pas des variantes
Chaque couleur de verre est un produit à part, relié aux autres via metafields, pas une variante Shopify.
Cart API
Gravure et cadeau en un seul ajout panier
Gravure en deux lignes et emballage cadeau ajoutés au panier en un seul appel, avec un identifiant de bundle.
MetafieldsCatalogue
01 / 02
Couleur et volume : des produits liés, pas des variantes
Problème
Représenter une gamme de verrerie où chaque couleur est en réalité une pièce différente, sans forcer un modèle de variantes qui suppose un produit identique décliné.
Approche
Les metafields related_colors et related_volumes relient des produits distincts entre eux plutôt que d’utiliser des variantes Shopify classiques. La fiche produit affiche des pastilles de couleur et des pills de volume qui naviguent vers le bon produit lié, avec des images de listing dédiées, distinctes des médias de la fiche.
Couleur et volume : des produits liés, pas des variantes
Cart APIPersonnalisation
02 / 02
Gravure et cadeau en un seul ajout panier
Problème
Vendre un produit personnalisé (gravure) et son emballage cadeau comme un ensemble cohérent au panier, sans multiplier les lignes déconnectées les unes des autres.
Approche
Une popup en deux étapes collecte la gravure (deux lignes, dix caractères, majuscules, sans emoji) et l’option d’emballage cadeau. L’ensemble est ajouté en un seul appel au panier, avec les lignes de gravure et le message cadeau en line item properties, et un identifiant de bundle pour relier le produit à sa personnalisation. Le drawer panier se re-rend ensuite via la Section Rendering API.
Gravure et cadeau en un seul ajout panier
Décisions
Pourquoi ces choix techniques
Deux lignes, dix caractères, en majuscules, sans emoji. Selon le produit, une personnalisation par pièce peut être imposée via un metafield dédié.
Projets
Autres réalisations.
2026
Näak
Boutique Shopify Plus pour Näak, marque de nutrition et d’hydratation ultra-trail partenaire de l’UTMB® World Series. Refonte produit, abonnements et déploiement multi-marchés.
2026
Slicy
Thème Shopify OS 2.0 écrit from scratch pour Slicy, protections et stickers vélo sur-mesure : configurateur de matching et personnalisation SVG en direct.
2026
GoodBro
Migration WooCommerce vers Shopify pour GoodBro, animalerie en ligne : 760 produits, 37 130 commandes, 1 177 abonnements, zéro email client.
Suite
Une personnalisation produit sans app tierce ?
Gravure, emballage cadeau, bundle au panier : une intervention ciblée sur un thème existant.