BACK TO PORTFOLIO
Shopify Theme Development
Rumani Dhaage
ROLE: Shopify DeveloperLuxury Indian Ethnic Wear
Designed and developed a premium, image-rich Shopify storefront for Rumani Dhaage to showcase handcrafted sarees (Benarasi, Kanjivaram) and suit sets. Implemented custom measurement grids for tailoring orders and structured product filtering systems.
THE CHALLENGE
Showing close-up detailing for intricate embroidery fabrics required raw zoom components, which slowed down product pages on mobile.
THE SOLUTION
We built a lightweight canvas-based zoom lens widget in vanilla JS, bypassing heavy libraries and retaining sub-1.5s load times on 3G networks.
- Custom measurement options directly integrated into Shopify product pages.
- Custom collection banner schemas dynamically managed via Admin Theme editor.
- Optimized loading metrics for high-resolution luxury product photographs.
- Seamless WhatsApp-based customer chat and support integration.
Theme customizer settings enabling drag-and-drop customization of collection banner text colors and overlays.
Custom Collection Banner Schema Settingsliquid
{% schema %}
{
"name": "Custom Collection Header",
"settings": [
{
"type": "image_picker",
"id": "banner_image",
"label": "Banner Background"
},
{
"type": "color",
"id": "text_color",
"label": "Text Color",
"default": "#ffffff"
},
{
"type": "range",
"id": "overlay_opacity",
"min": 0,
"max": 90,
"step": 10,
"unit": "%",
"label": "Overlay Darkening",
"default": 30
}
]
}
{% endschema %}PERFORMANCE STATS
MOBILE PAGESPEED
92/100
DESKTOP PAGESPEED97/100
AVG. LOAD TIME1.3s
TECH STACK USED
Shopify LiquidCSS3JavaScriptTheme Custom Setup