Hub

Completion Tracker

27 milestones · Apr 1–14, 2026

$1,000
Total Fee
27
Milestones
88.5
Est. Hours
14
Days
$200 Deposit (before start)
$400 Midpoint (Phase 2 start)
$400 Completion (final delivery)

Market Value

Phase Hours Market Value (@$100/hr)
Phase 1 - Desktop (M1–M9)36$3,600
Phase 2 - Mobile (M10–M18)21.5$2,150
Phase 3 - Functionality (M19–M27)31$3,100
Total88.5$8,850

$100/hr is a conservative mid-market rate for freelance Shopify development. Comparable custom theme builds quote $5K–$25K+. This project is priced at ~$11.30/hr as a relationship investment.

1

Desktop Visual Completion

Template: index.json 13 sections
  • B-H4 - hero-banner right-side image not rendering
  • B-H6 - eat-your-skincare product images not rendering
  • B-H9 - product-card snippet card images not rendering
  • B-H28 - brand-story panel image not rendering
  • B-H31 - product-gallery overlay font-size / button alignment
  • L-H2/H3 - hero layout options (split/single/full bg)
  • L-H10 - eat-your-skincare center cards when count < full row
  • L-H11 - Coming Soon button outlined style
  • L-H13 - product-tabs active pill light pink
  • L-H16 - product-tabs photo left, text right, centered
  • L-H19 - old-vs-new old way circles beige bg + red X
  • L-H22 - old-vs-new new way circles smaller, center-aligned
  • L-H24 - old-vs-new update to new Figma version
Template: product.health-pot.json 17 sections
  • B-HP7 - TRANSLATION MISSING: quantity + add_to_cart
  • B-HP8 - specs/accordions font family not applying
  • B-HP10 - preset detail card not updating on click
  • L-HP1 - hero photo gallery match Radiance Brew style
  • L-HP2 - dual-scroll layout (sticky image column)
  • L-HP3/4 - pink feature box subheading + bg removal option
  • L-HP5 - lower pink rectangle quantity ticker + ATC
  • L-HP11 - video autoplay (native MP4)
  • L-HP12 - preset video text label alignment
  • L-HP13 - cross-sell center cards (only 2)
  • L-HP14 - glass-material recolor to on-brand palette
Template: product.json 13 sections
  • B-P3 - product-gallery images not loading
  • B-P7 - product name not editable in customizer
  • B-P14 - price displaying as -$42
  • B-P17 - how-to-prepare bottom note font_size
  • B-P18 - how-to-prepare YouTube video not rendering
  • B-P20 - ingredients-cards images not rendering
  • B-P22 - depuffing-benefits font editors not applying
  • B-P23 - depuffing-benefits center image not rendering
  • B-P24 - holistic-support image breaks layout
  • B-P28 - radiance-timeline Feel Lighter subheaders missing
  • B-P29 - radiance-timeline milestone title font_size
  • B-P31 - theinside space dropped before italic text
  • L-P4 - product-main checkmarks dark pink
  • L-P8 - purchase option card borders 1px
  • L-P15 - cross-sell larger name, subtitle, price
  • L-P25/26/27 - holistic-support pills styling
  • F-P5 - back-in-stock Notify Me popup
  • F-P10/12 - subscribe & save toggle
  • F-P13 - editable sachet/cup counts per variant
  • F-P19 - video autoplay in how-to-prepare
  • F-P32 - reviews video carousel + Judge.me + tabs
  • F-P33 - full-screen email + SMS popup
Template: page.about.json 5 sections
  • Visual build pass - match layout and typography to Figma
  • about-hero section
  • about-quality section
  • about-story section
  • founder-journey section
  • testimonials section
Template: collection.json
  • Grid layout and product card styling
  • Collection hero area
  • Visual build pass (filter sidebar is M23)
Template: cart.json 4 sections
  • cart-main section layout
  • cart-drawer section layout
  • related-products section
  • recently-viewed section
  • Visual styling pass (AJAX functionality is M19)
Templates: page.faq.json, page.contact.json
  • faq-main section
  • contact-form section
Templates: search.json, 404.json
  • search-results section
  • 404 rich-text section
Templates: page.privacy, page.shipping, page.terms
  • policy-content section (shared by all 3)
2

Mobile Visual Completion

  • Media queries for all homepage sections (lines 4355+ in sections.css)
  • Media queries for HP sections
  • Media queries for PDP sections
  • Media queries for about page sections
  • Media queries for collection page
  • Media queries for cart + drawer
  • Media queries for FAQ + contact
  • Media queries for search + 404
  • Media queries for policy pages
3

Core Functionalities

  • AJAX add to cart
  • AJAX remove from cart
  • Quantity update
  • Cart count badge
  • Drawer open/close
  • Escape key + overlay click to close
  • Cross-sell in drawer
  • Mobile sticky ATC bar
  • Variant dropdowns
  • Selling plan selector
  • Bundle selector
  • Thumbnail navigation
  • Layout modes
  • Mobile swipe
  • Hover zoom
  • Tab switching
  • Collapsible sections
  • Sticky header
  • Hamburger menu
  • Full-screen drawer
  • Escape to close
  • Cart button trigger
  • Filter sidebar
  • Sort options
  • Product count update
  • Search input
  • Results display
  • No-results state
  • Email input + submit
  • Success/error states
  • Form validation
  • IntersectionObserver fade-in
  • Image hover zoom/overlay
  • Fixes B-H31 (product-gallery overlay)
  • Klaviyo (email/SMS) renders in theme
  • Appstle (subscriptions) renders in theme
  • Judge.me (reviews) renders in theme