ZODEX — Shopping Bag Mobile Wireframe Phase 3 Wireframe

Select Active Storefront Theme:

Shopping Bag Highlights

High-conversion mobile checkout flow aligned with the selected theme:

  • ✓ Adaptive Theme: Colors retheme instantly
  • ✓ Live Stepper: Real-time quantity & price sync
  • ✓ Save for Later: Seamless transfer to Liked list
  • ✓ Progress Meter: Free delivery target unlocked
  • ✓ Coupon Box: 15% discount code preloaded
  • ✓ Proceed to Buy: Fixed at bottom alongside bottom navigation with live item counter

Active Color Hex Codes

Primary Brand #FF6700
Secondary Accent #004E98
Supporting Accent #3A6EA5
Background Light #F8FAFC
9:41
Shop

Shopping Bag

3
⚡ FREE Express Delivery Unlocked! 100%
ZODEX ORIGINALS
Apex Phantom Runner V2
Size: US 9 • Color: Cyber
₹7,499 ₹9,999 -25%
1
ZODEX ATHLETICS
Cyber Strider High-Top X
Size: US 9 • Color: Royal
₹5,999 ₹7,999 -25%
1
ZODEX LUXE
Monarch Imperial Gold Edition
Size: US 10 • Color: Gold
₹12,999 Limited Drop
1
Price Breakdown
Bag Total (MRP) ₹30,997
Bag Discount -₹4,500
Delivery Fee FREE
Total Amount ₹26,497
🎉 You are saving ₹4,500 on this order!
ZODEX Buyer Guarantee
VERIFIED
100% Authentic
Verified Kicks
7-Day Return
Hassle-Free
Secure Pay
256-Bit SSL
Your Shopping Bag is Empty
Looks like you haven't added any kicks to your bag yet.
Explore Trending Shoes
Total Payable ₹26,497 3 items included
🎉 You'll save ₹12,520 on this order
₹38,997
₹26,477
Cart updated

Cart Technical Specs

Architecture specifications mapped to Phase 3 & 4:

CSS Custom Property Engine
Uses var(--theme-primary) for accents, buttons, badges, and progress bar. No CSS duplication.
Wishlist <-> Cart Sync
Clicking "Save for later" seamlessly transfers items between localStorage / backend state.
VIP Coupon Engine
Real-time validation on coupon inputs with dynamic recalculation of total payable.