Date: 2026-05-16

Repo: merutrophy/shopify (Shopify theme)

Branch: main

Summary

Built a customer reviews page for the Shopify storefront, ingesting all 442 Google Business reviews from the Meru Trophy listing, sorted newest-first, with a CTA to leave a new Google review. Added a Customer Reviews column to the footer linking to the new page.

Source

• Google Business listing share link: https://share.google/Fhoc3O7ymZtYxuCZF
• Resolves to: Google Maps place — Meru Trophy, Gandhinagar, Bangalore
• FID: 0x3bae1763a92543f3:0x4f03bfdfcaddba03
• kgmid: /g/11ldkxr6lc
• Rating: 4.9 ★ · 442 reviews (443 captured incl. owner's own pinned review)

Process

1. Resolve share link. curl -IL showed share.google/... redirects to a Google interstitial that requires JS. Server-side WebFetch returned no review content (JS-rendered).
2. Drive Chrome via MCP. Used the claude-in-chrome MCP to open the listing, accept the redirect into the Maps place page, and switch to the Reviews tab via [role="tab"][aria-label*="Reviews"].
3. Sort by newest. Clicked Sort → Newest (the owner's own review stays pinned at the top regardless of sort).
4. Auto-scroll loader. Found the scrollable container inside the reviews dialog (the one matching overflowY: auto + containing [data-review-id]), then looped target.scrollTop = target.scrollHeight with a 1.2s delay, stopping once the review count plateaued for 3 consecutive iterations. Loaded all 443 unique IDs (~2,889 DOM elements before dedup).
5. Extract per card. Each .jftiEf card yielded:
   • Name: first line of .d4r55
   • Rating: .kvMYJc[aria-label] → matches /(\d)\s*star/i
   • Date: .rsqaWe (relative, e.g. 2 days ago, Edited 2 weeks ago)
   • Text: .wiI7pd / .MyEned, stripping the trailing … More for the 21 truncated entries
6. Export. Serialized to JSON in-page, triggered a Blob download → ~/Downloads/meru-reviews.json (60,314 bytes), copied into the theme at assets/reviews-data.json.

Results

Files created / updated