⚙️ Product Configuration
Interactive swatches using sparklesSwatchRenderer()
🎭 Color Swatch Renderer
Color Selection
Select Color:
Selected:
Size Selection
Select Size:
Selected:
Quantity Selector
📝 Implementation
<div x-data="sparklesSwatchRenderer()" class="swatch-attribute-options">
<button data-option-id="red" @click="selectSwatch('red')">
Color Swatch
</button>
</div>
⚡ Features
- 🎨Color, text, and image swatch support
- ♿Full keyboard navigation and screen reader support
- 💫Smooth animations and hover effects
- 📱Touch-friendly mobile interface