Advanced Shopify Size Matcher & Delivery Estimator

Shopify "Smart Size Matcher" with “Pin code Delivery Estimator”

Project Overview

I need a custom-built UI for my Shopify Standard product pages to help customers find the correct Standard Size mosquito net. The tool needs to handle size matching logic and provide a delivery estimate based on the user's Pin code.
The User Flow:
1. Visual Guide: A small "How to Measure" snippet (Infographic) showing the Inner Frame (Clear Opening) in cm.
2. Product Selection: User selects Colour and Design (standard Shopify swatches).
3. The Inputs:
Size: User enters Width (cm) and Height (cm).
Location: User enters their 6-digit Pin code.
4. The Checkbox: A mandatory "I have measured the Inner Frame correctly" checkbox.
The Technical Logic:
Next-Size-Up Matching: The system adds a pre-set [X] cm overlap to the user's input and automatically matches them to the smallest Standard SKU that is still larger than their requirement.
Delivery Estimate: Based on the Pin code entered, the tool should display "Estimated Delivery: [Date] or [X] Days."

Note: This can be pulled via API (Shiprocket/ Delhivery) or a static "Zone-based" table.

Custom Redirect: If the size exceeds our largest Standard SKU.
“Need an exact fit or a larger size? [Click here for our Custom Measurement Tool]”