Problem
Customers in Ukraine expect to pick a carrier branch when they order, and a clothing store needs clear sizes, cross-selling and a quick site. The cart also had to support more than one payment choice.
Solution
I added a delivery branch selector to the cart drawer, rebuilt the cart drawer with a payment method choice, and sped up the theme. On the product pages I added cross-sell, Complete the Look, recently viewed products, a mega menu, extra characteristic fields, a size table read from a metafield and a cost per wear slider. A separate small Node.js service returns order status and tracking from the client's CRM.
Key decisions
Chose to read the size table from a metafield in Liquid
Why Sizes show without extra JavaScript and the team edits them per product.
Chose a price slider for cost per wear
Why A customer sees how the price per wear falls as they plan to wear the item more, which helps justify the price.
Chose a separate small API for order status
Why The CRM key stays on a server instead of in the storefront code.
Results
- Customers can pick a delivery branch inside the cart drawer.
- Product pages have cross-sell, Complete the Look, recently viewed, a size tab and a cost per wear slider.
- A mega menu and extra product characteristic fields.
- An order status service returns status, tracking and payment state from the CRM.