Development of a custom Shopify plugin

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

• The ability to add multiple sizes (in centimeters).

• When changing the size — automatic price recalculation.

4. Change the price based on selected parameters

The price updates dynamically when changing:

• color

• type of coating (glossy/matte),

• size,

• additional options (if added).

The pricing logic should be flexible, editable, and include instructions for self-editing.

5. Ability to mirror the sticker horizontally

• Button “Mirror Horizontally” (mirror/flip).

• Mirroring the SVG without loss of quality.

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:

• The ability to toggle the background on/off.

• Support for a solid color background or several ready-made options.

7. Sticker management: moving / rotating / scaling

The user should be able to interact with the sticker as an object:

• move the sticker across the workspace (drag & drop),

• scale (zoom in/out),

• rotate (rotate).

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:

• Provide a fully working plugin/module.

• Deliver clean and documented code.

• Transfer all settings.

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:

• deadlines,

• cost,

• any suggestions for technical implementation.