Shopify Liquid Developer: Convert Hardcoded Product Customization Widget to Dynamic Theme Section

## *Job Description* We have an existing product customization widget on our Shopify store (color swatches, volume pricing breakdown, add-on options, and quantity slider calculator) that is currently hardcoded / reliant on a custom app setup. We need an experienced *Shopify Liquid Developer* to refactor this functionality into a *dynamic, native Shopify Liquid section (OS 2.0)* so we can easily reuse, edit, and drag-and-drop it across multiple product pages. ### *Key Requirements:* 1. *Convert to Dynamic Liquid/Theme Section:* * Make options (text, prices, color swatches, tier discounts, add-ons) customizable via the standard Shopify Theme Customizer. * Enable drag-and-drop block support so we can use/reorder this section across various product templates. 2. *Widget Components to Refactor:* * *Tiered Pricing Table:* Dynamic content editable via customizer/metafields. * *Color Option Swatches:* Swatch selector with toggle functionality (e.g., dark/light color toggle). * *Add-on Checkbox:* (e.g., "Add Sharpening +$0.05"). * *Quantity Slider & Dynamic Pricing Calculation:* Interactive slider recalculating price per unit and subtotal in real-time. * *Custom Action Button:* ("Customize Your Imprint"). 3. *Deliverables:* * Fully functional Shopify section/blocks added to our development/theme copy. * Clean, well-documented Liquid, CSS, and JS code (no heavy external library dependencies if possible). * Brief instructions or demo video showing how to edit content in the Customizer.