Goal
It is necessary to develop a custom plugin/application for Shopify (or custom functionality within the theme) that allows the customer to interactively customize stickers on the product page.
Task Description
The store sells stickers (there will be 12 products). For each product, it is necessary to implement an interactive configurator that allows the customer to:
1. Change the color of the sticker
The sticker is represented by one SVG file.
Functionality:
The ability to change the SVG color without reloading the page.
Select a color from a predefined palette.
The ability to specify a custom color manually (color wheel / HEX).
Instantly repaint the SVG directly through code (CSS filters / inline styles / manipulation within SVG).
2. Choose the type of coating (glossy or matte)
Two coating options: Glossy and Matte.
When selecting a coating, the price should be automatically recalculated.
The type of coating should be displayed in the order and cart.
3. Choose the size of the sticker
4. Change the price based on selected parameters
The price updates dynamically when changing:
The pricing logic should be flexible, editable, and include instructions for self-editing.
5. Ability to mirror the sticker horizontally
6. Ability to upload a custom background
The customer should be able to:
upload their background (PNG/JPG);
the background automatically appears under the sticker;
the background stretches/centers automatically in the workspace;
the sticker overlays the background without artifacts.
Also:
7. Sticker management: moving / rotating / scaling
The user should be able to interact with the sticker as an object:
All transformations — on the frontend, without distortion of SVG quality.
8. Support for Shopify Theme 2.0
The module must integrate correctly into the current Shopify theme.
The configurator appears only on products in the “stickers” category (12 products), other products in the store are not affected.
Support for AJAX Cart (price update, passing selected parameters to the cart).
Developer Requirements
Experience in Shopify development (Liquid, Theme 2.0, Apps).
Skills in complex JS functionality, SVG manipulations.
Experience in developing builders/configurators — an advantage.
Ability to work with Shopify Metafields, AJAX, Shopify Cart API.
Expected Result
A fully functional configurator, completely integrated into the existing Shopify store.
The developer is required to:
Documentation should include:
How to add new colors.
How to change the pricing logic.
How to add new sizes.
How to connect the module to new products.
How to manage backgrounds.
Additional
Please specify:
