Job Description

Responsibilities

• User selects Plant Size (variants: Small, Medium, Tall)
• Based on the inventory availability of Small/Medium/Tall vessels, dynamically populate the available colors for the glass vase (vessel component 1), and the ceramic vase (vessel component 2) as image swatches for the user to select
• User selects inner glass vessel color and ceramic base color
• Real-Time Preview: Update the product image to reflect the selected colors
• Stock Check: Disable or gray out unavailable options based on selected plant size
• Add to Cart: the Add to Cart should add all the selected products (plant type - variant: size; glass - variant: size, color; ceramic - variant: size, color) as a bundled product to the cart
• For example, if someone buys two bundles, it will display each bundle as separate line items rather than add it up
• Responsive Design: Ensure the configurator is mobile-friendly
• Performance Optimization: Lazy load images and optimize scripts for faster loading
• Multi-Step Product Customization Flow
• Step 1: Select plant size (e.g., Small, Medium, Large)
• Step 2: Select inner glass vessel color
• Step 3: Select outer ceramic base color
• A live preview image must update as customers make their selections (images will be provided or dynamically generated via URL structure)
• 🛍️ 4
• Bundle Logic & Cart Integration
• Final “Add to Cart” button must add three SKUs to the cart (plant, glass, ceramic) via Shopify AJAX API
• Bundle summary should be visually grouped in the cart
• Preset Product Bundles
• Support for predefined "best-selling combinations" that can be quickly selected and optionally customized
• These can be stored as metafields or JSON attached to preset products
• A working custom product.composite.liquid template
• Basic styling using existing Shopify theme files

Requirements

• Options should be disabled or grayed out if unavailable based on current inventory
• You'll need to implement variant gating using metafields, a JSON schema, or Shopify’s Storefront API
• bundle-config.js to handle compatibility matrix
• composite-builder.js to handle frontend logic and AJAX cart submission
• Integration with existing Shopify theme (we’ll provide a staging environment)
• Proven Shopify theme development experience
• Proficiency with Liquid, JavaScript, and Shopify’s AJAX/Storefront API
• Experience with metafields, dynamic product configurators, or bundling logic
• Strong UX sensibility (clean, mobile-friendly interfaces)
• Ability to suggest performance or UX improvements proactively
• Relevant Shopify custom product or bundle configurator projects
• A brief outline of how you would approach the inventory gating + preview logic