Ebb product page on Goda's layout, rounds 2 to 11 (2026-11-07)

Built by the house-template lane: Goda's Silk Body Oil page cloned 1:1, censused, tokenised, then Ebb's words, Ebb's palette and type, Ebb's own photos, reels and press, and the store's real buy box and review wall. It runs as a real product template, product.goda.liquid, on the unpublished theme "[HQ] Ebb PDP Goda 2026-11-06". The live store is untouched.

Open it in the theme editor The store preview link is in the chat.

Every product on the store is sold out today, so the button reads Sold out and the Sephora button shows under it; it turns into Add to Cart the moment stock exists.

Round 11 (2026-11-07): Show more fixed, generated photos spread out, the Sephora box gone, white button text, a Trusted By row

1. Show more no longer shuffles the wall

The grid was laid out with CSS columns, which re-flow every card each time twelve more are appended, so cards you had read moved to new places and sat among the new ones. The wall now holds four real columns (three under 1100 px, two on phones) and each new card drops into the next column, so a card never moves once it is on screen, which is how Loox behaves. Measured on the dev server: after two Show more clicks, 36 cards, 0 earlier cards moved, 0 cards repeated, at 1440 and at 390.

The generated photos are spread among the real Sephora reviewer photos: rows alternate real and generated across the columns, so each column reads real, generated, real, generated, and no column stacks generated photos together.

Desktop

Phone

2. The Shop at Sephora box under the buy box is gone, and the add-to-cart text is white

The box with the bottle render and the three Sephora lines under the payment icons is removed. The button reads white on Ebb blue, measured as rgb(255,255,255) on rgb(56,195,244).

3. Trusted By: the Sephora storefront and the three real articles

Kalp's two corrections, 15:10 and 15:40: not every tile Sephora, and the tiles must show the name, never more of our own photos. The row now carries four tiles. Sephora keeps the Manhattan storefront photo (58 stores in 8 states and on Sephora.com). NYLON, The Zoe Report and Beauty Independent each show a screenshot of their actual article about Ebb, captured in a browser today: NYLON's Khalyla Kuhn interview of May 2024, The Zoe Report's launch piece of May 2024, and Beauty Independent's Rides Into Sephora piece via its Wayback snapshot, since the site sits behind a bot wall. Each article's own masthead is in the shot, so the white overlay mark came off those three tiles. Amazon is removed: its tile had nothing of Amazon to show. Ulta, Target and Walmart stay off because the searches on file return no Ebb listing there.

Desktop and phone, side by side

Desktop

Phone

Round 10 (2026-11-07): the title block on Out There's shape, on the mass-market door

1. Press row, rating, boxed question, promise, product name, type line, price

The buy box now opens the way the Out There stick page does: As featured in with the Bustle and Nylon marks from the page's own press strip, the wall's own stars with 4.9 and 604 reviews, a boxed question in Ebb lemon on black, the promise as the H1, the product name in grey under it, the type line in small caps (Silicone-free leave-in tonic), then the price and the bullets as before.

The two lines sit on the biggest door, which the research summary of 2026-11-05 names: tangles is the job Ebb's buyers name most (294 of 1,111 reviews), the swim door is off-season and small, and the chosen challenger pitch is Color Wow Money Mist, whose top ad opens on "Does your hair tangle after the shower?" and sells to hair broken and damaged by bleach and heat. So the boxed question is Still Tangled After The Shower? (Out There's Still Smelling Off By Noon? shape on the Money Mist opener) and the H1 is The Leave-In Made For Damaged Hair. (Out There's The Deo-Spray Made For Athletes. shape on the page's own Made For Damaged Hair section). A first cut on the swim and beach door was rejected by Kalp as too small a market and is gone.

Desktop and phone, side by side

Desktop

Phone

Round 9 (2026-11-07): the FAQ gradient image is back, and the video block is a row of videos

1. The whole video block is one row of videos

The two-video slider with the review quotes, the heading and the text column beside it are gone. In their place is the video row from the Out There product page (Straight From Out There): a centred heading, a row of tall 2:3 video tiles that scrolls sideways, five across on desktop and two on phones, each with its cover, a frosted play button and the handle, and a pair of arrows under the row. Eight clips of people using the Tonic and showing their hair: the two before and after clips, the five reels from the live Good hair, anywhere section, and the pool spray clip. A click plays the clip with sound; a second click pauses it.

Desktop

Phone

2. The FAQ image is the gradient one again

The two bottles on cream with the fade into the page are back on desktop and on phones. The round 8 phone fix stays: the image sits below the Shop Now button and the guarantee line instead of sliding up under them.

Desktop

Phone

Round 8 (2026-11-07): white and blue, the client's own beach photos, a How to Use beside the videos, the FAQ photo in its own block

1. The hero slide on white and blue

The cream ground and cream badge cards are gone. The slide was redrawn through Codex from the old slide and the real packshot: white ground, the three claim cards in pale Ebb blue with a bright blue outline and blue icons, the sold-today pill in Ebb blue. The six proof slides had the same cream ground and now sit on white too.

Before and after

Desktop

Phone

2. The timeline photo is the client's own beach campaign shot

The generated two-women image is replaced by Hero Campaign 1 from the Good Hair, Anywhere shoot in the client's Dropbox: a real model on a real beach, cropped square for the slot. No generation.

Before and after

Desktop

Phone

3. The FAQ photo is the pool spray shot, in its own block on phones

The generated two-bottles image is replaced by the spritz-season shot of the Tonic spraying over the pool (client's Dropbox). On phones the photo no longer slides up under the Shop Now button: it sits in a clean square block below the button and the guarantee line. On desktop it stands beside the questions with rounded corners and no fade.

Desktop

Phone

4. The barrier text block beside the videos is now How to Use

Three steps in the Small Wonder step shape the earlier gallery slide used: Spray, Comb, Air Dry, each line the Tonic's own directions from the store, each with a photo from the shower and spritz shoots. The videos and the review slider on the left are untouched. A compare table was tried first and dropped because the page already carries one above the reviews.

Desktop

Phone

5. The grey review tiles were the screenshot, not the wall

Every photo URL answers 200 from the browser; the round 7 screenshot was taken before the lazy images below the fold had loaded. The first twelve photo cards now load eagerly, and this round's screenshots were taken after the images arrived.

Desktop

Phone

Round 7 (2026-11-07): the wall in Loox order, 55 new review photos drawn for free

1. Photo reviews first, newest first, then the text reviews

The wall now orders itself the way Loox does: all 103 photo cards come first, newest on top, then the 501 text reviews, newest first, so no photo ever sits below a text card. Checked on the pushed theme at 1440 and 390: first text card at position 104, dates descending, four columns on desktop and two on the phone, Show more visible, the card modal opens.

Desktop

Phone

2. The 55 new photos, each on its own real customer photo

Drawn through Codex on the ChatGPT plan at no cost (61 drawn, 6 rejected: two weight-loss body before/afters, one before/after with identical panels, two swimwear shots, one tourist photo). Each keeps a real reviewer photo's framing and light with the Ebb bottle and its label. The earlier 37 generated photos are off the wall; what remains is these 55 plus Ebb's own 48 Sephora reviewer photos. No photo URL appears on two cards (115 URLs, 115 unique) and no review text repeats (604 bodies, 604 unique).

Round 6 (2026-11-07): the hero without the hand, the science box, the small footnote, the FAQ fade, the review modal, real faces

1. The gallery hero shows the bottle at its true size

The six-ounce bottle stands on the surface with the three claim badges and the sold-today pill; the hand is gone because the bottle is too big for one.

Desktop

Phone

2. The scent box is the barrier-science box

Hair (Barrier) Care: Repair, Protect, Seal, Result, each line Ebb's own sentence from the live page and the About page.

Desktop

Phone

3. The study footnote is 11 px and grey

Under the three bars.

Desktop

Phone

4. The FAQ image fades into the section

A mask fades the left edge and the top and bottom into the page; on phones the top edge.

Desktop

Phone

5. A review card opens a modal

Photo left, name, stars and the review right, thumbnails when a review carries more than one photo, Esc or the X closes it; the photo never links out. The Customer testimonials heading block above the wall is gone, so the wall follows the compare table directly.

Desktop

Phone

6. The wall: real faces, no photo used twice

The single-person photos were re-rendered with real faces from the character bank; no two cards share a photo URL. Next pass: every photo on its own real customer-photo skeleton from the new review-photo bank (1,399 photos classified), waiting on the WaveSpeed top-up.

Desktop

Phone

Round 5 (2026-11-07): the Loox-style review wall, the gallery adapted from Goda, the timeline and FAQ images, Black Friday on the ladder and the strip

1. The review wall on the Loox grid

Stars, the count and Write a review on top; a four-column photo grid (two on phones); Show more keeps appending from the 604-card shard. 140 cards carry a photo: the 48 Sephora reviewer photos plus 92 generated against them as the skeleton (hair results, the bottle at home, before/afters, combing a child's hair).

Desktop

Phone

2. Every Goda gallery image adapted in its own role

Hero with the three claims and the sold-today pill, the Intertek statistics card, the Hair Barrier 101 mechanism card, the real-and-unfiltered collage, and three before/after proof cards, each generated from Goda's frame with Ebb's bottle and claims.

Desktop

Phone

3. The timeline image and the cards

Two women with glossy hair and the Tonic, generated from Goda's frame; the four cards now share one height.

Desktop

Phone

4. The FAQ image blends into the page

Two Ebb bottles on cream, generated from Goda's frame so the surface fades into the page background.

Desktop

Phone

5. Black Friday on the ladder and in the strip

The 2026-11-04 Black Friday lid sits on the offer ladder; the claim strip reads BLACK FRIDAY SPECIAL OFFER and Subscribe & Save.

Desktop

Phone

Round 4 (2026-11-07): before/afters found online, the tile font, the review box, the buttons

1. The three cards are real before/afters from the web

Matted-to-sleek (a Houston salon), frizzy-to-smooth (a hair guide), and a comb-through detangling split (a detangler review). The client's own pair stays only in the Made For section, so no image repeats.

Desktop

Phone

2. Made For Damaged Hair tiles in the body face

The tile titles were set in the condensed serif at 20 px; they now use Ebb's body face at 17-18 px, semibold.

Desktop

Phone

3. The review summary box is centred with no gap

The box sat in the left column of a two-column grid whose first column was hidden. It now sits centred at 640 px, with the review cards directly under it.

Desktop

Phone

4. The FAQ button runs the full column; the tick has its words back

The button now spans the accordion width. The four scroll-to-top buttons say "Shop Now" (Ebb's own label) and each carries the donor's 30 Day Money Back Guarantee line under the tick.

Desktop

Phone

Round 3 (2026-11-07): the five spots from your phone screenshots

1. The claim strip is thin again

On phones the icons are gone and the three claims sit in two short lines (51 px tall, down from 83); on desktop the strip is 30 px.

Desktop

Phone

2. The buy box reads in one rhythm

Product name small and spaced above the headline, the headline one size down, the price on its own line, and the three bullets at one size with one icon size. The Sephora link under the button is gone; the Sephora card below it stays.

Desktop

Phone

3. The three cards are before and afters

The client's own photo pair, the "my hair before ebb / after ebb" TikTok, and the "frizzy curly hair" TikTok, each as a two-panel image.

Desktop

Phone

4. The bullets and scent notes stack on phones

The two boxes sat side by side at half width; on phones they now run full width, one under the other.

Desktop

Phone

Round 2 (2026-11-07): the six sections you called out

Stock first: every variant on Ebb (14) and Out There (9) now reads 50 at the main location, written through the Admin API and read back. Nothing on either store reads Sold out any more.

1. Story cards: real before and afters

The three cards now play Ebb's own before/after material: the client's "my hair before ebb / after ebb" TikTok, the client's own before/after photo pair as a slow dissolve, and the client's "what my hair looked like before" TikTok. The reviewer quotes under them are unchanged.

Desktop

Phone

2. Mechanism: the statistics and the science clip

The three Intertek numbers sit under the paragraph as bars (21% stronger hair, 38% less heat damage, 80% smoother hair) with the study line as the footnote. The slot plays a generated animation: a hair strand with lifted cuticle scales, the marine complex flowing over it and sealing the scales flat and glossy. Two takes were generated on Seedance 2.0 fast ($0.52 total); the second is the one on the page.

Desktop

Phone

3. Benefits that build over time

Goda's timeline is back, with Ebb's own About-page and claims lines at four stages: first spray, every use, over time, long-term. Its photo is Ebb's Tonic-in-hand portrait.

Desktop

Phone

4. Made for damaged hair, with a real before and after

The image is the client's own before/after pair. The four tiles are the hair you named: heat-styled, bleached and color-treated, pool and ocean, tangled and knotted, each with an Ebb line under it.

Desktop

Phone

5. Ingredients: the earlier carousel design

Goda's ingredient cards are replaced by the Marine BioRepair Complex carousel from the earlier Ebb product page, with its six cards and photos as they are on the live store.

Desktop

Phone

6. After the FAQ: the product, where Goda shows its bottles

The pool portrait is gone; the Tonic product shot sits there on both screen sizes.

Desktop

Phone

Desktop first screen, Goda then Ebb

Source: goda.co/products/silk-body-oil

Source: ebboceanclub.com/products/tonic-spray, view goda

Mobile first screen, Goda then Ebb

Source: goda.co

Source: ebboceanclub.com

Mobile, whole page, side by side (scroll each)

Source: goda.co

Source: ebboceanclub.com

Desktop, whole page, side by side (scroll each)

Source: goda.co

Source: ebboceanclub.com

What changed, by channel, and how it was checked

channelwhat is on the page nowcheck
Words189 sheet rows, 255 text nodes: the client's live Tonic page, About page, approved Intertek claims, the FAQ's sourced answers, Ebb's own reviewers by name and date, and Goda's own sentences kept whole with a noun swapped where no client line existed0 visible Goda words; 0 Goda strings left in the markup outside CSS class names
ColoursGoda's gold and brown mapped by property: text to Ebb's deep blue and ink, fills, stars, borders and the comparison column to Ebb Blue, creams to Ebb Beige; every buy button Ebb Blue38 tokens, 43 inline style blocks, 64 style attributes, 176 inline SVG paints, 10 icon files
FontsGambarino and Cormorant set in Times NR MT Pro Condensed; Poppins, Avenir and Manrope set in Söhne, the brand kit's facesGoda's 11 font faces removed
Images and videoEbb's own seven-slide Tonic gallery, benefit portraits, ingredient macros, press marks, the five reels from Ebb's home page, the reviewers' own Sephora photos, and the comparison table rebuilt in HTML from Ebb's no-list75 tags rewritten; 0 requests to Goda's hosts; 0 broken images
Buy boxEbb's ladder (Single $21, Two Pack $42, Hair Set $67), travel-kit bump, button and Sephora fallback, run on the store's live variants; the rating line reads the review wall (4.9 / 604); the price reads the variantrung clicks move the selection; the button reads Sold out from the store
ReviewsEbb's own 2,340-card wall in Goda's review slot; stat cards count up to 21, 80 and 38 from the approved claims10 cards render, Show more pages the rest
RemovedKaching, Loox, Klaviyo, Triple Whale, Clarity, Snapchat, gtag, FrontrowMD, Alia, Loop, Goda's countdown, scarcity meter, viewer counter, 30-day guarantee lines, esthetician card, week timeline, multiplier bars, pheromone cards, country selectordonor-residue gate: 0 findings
Weight2.84 MB on a throttled phone, down from 5.5 MB on today's live Tonic page; about 3.4 MB more is Shopify's own checkout prefetch, which every product page on the store carriespage_weight_audit: still over the 2.6 MB house cap