Liver landing pages: Jurni vs the native build

The four Jurni pages next to the native Shopify template, section by section: what was built, which theme section carries each part, what still differs, and the PageSpeed runs.

Status: built and on a preview theme. Nothing is live. Final internal QA by our team is on Monday, 16 Nov 2026.

Captured 2026-11-13 · PR #297 commit 4cff0a7 · preview theme 188209201393 · 1440px and 390px wide

1template shared by the 4 pages

2new sections (ingredients, clinical results)

1existing block extended (one new option)

2x fastermain content load: 9.8 s, down from 20.7 s on Jurni

What was built

One page template (page.lp-liver.json) shared by the four URLs. Nothing is live: the pages keep their Jurni template until the template is switched per page in the admin.
Nine parts use existing theme sections. Buy box, cart drawer, header and footer are the theme's own; no code in them was changed.
Two new sections where the theme had no match: the ingredient tiles and the clinical results card.
One extension: an "Open by default" option on the Dose Standard card, off unless switched on, so other pages are unaffected.
Page-only styles in one block inside the template bring the existing sections in line with the Jurni layout (backgrounds, card shapes, list layouts, gallery size). They are scoped to this template and change no shared file.
Store content: one gallery entry with Jurni's six slides and the page images in Shopify Files. The 40% label and subscribe price are set in the template, the same way the live Liver PDP sets them.

PageSpeed

PageSpeed Insights, mobile, 13 Nov 2026. Average of the four pages, one run per page. Jurni and the first native build were measured at midday; the native build with the hero preload at 3:27 PM.

Largest Contentful Paint

Jurni20.7 s

Native9.8 s

Three of the four native pages now measure 6.4 to 8.0 s. One run came in at 17.7 s and pulls the average up.

Metric	Jurni	Native, first build	Native, with preload	Against Jurni
Performance score	34	37	42	+8
Largest Contentful Paint	20.7 s	10.0 s	9.8 s	53% faster
First Contentful Paint	3.3 s	2.5 s	2.7 s	20% faster
Total Blocking Time	1,868 ms	1,783 ms	1,085 ms	42% lower
Speed Index	14.8 s	14.0 s	14.2 s	4% faster
Accessibility	87	89	89	+2
SEO	92	92	92	Same

The hero background is now preloaded and the desktop file is smaller (462 KB to 149 KB). The lower blocking time in the latest run is not from that change: blocking time comes from scripts that load on every page of the store (analytics, chat, marketing tools) and moves from run to run. Jurni was not measured again in the afternoon.

All four pages

The native template is identical on all four URLs. The four Jurni pages are also the same page, with one exception: /pages/16oz-2oz still shows Jurni's own countdown bar under the header. Top of each page shown, Jurni left, native right. Click a label above a screenshot to open that page in a new tab; the native links open the preview theme.

/pages/16oz-2oz-2-v1

/pages/16oz-2oz

/pages/16oz-2oz-2

/pages/liver-16oz-2oz

Summary

Jurni part	Native section used	Match now	How it is built
BFCM image strip	`dose-promo-image-banner`	Same	Existing section, unchanged
Hero	`dose-trial-hero`	Close	Existing section + page styles
Press logos	`dose-press-banner`	Same	Existing section + page styles
"Why Dose for your Liver?"	`dose-subscriber-benefits`	Close	Existing section + page styles
Buy box	`product-information (the Liver PDP buy box)`	Close	Existing section + page styles (gallery only)
"Did you know" band	`dose-title-text-banner`	Same	Existing section + page styles
Ingredients	`dose-lp-ingredient-grid`	Same	NEW section
Clinical results	`dose-lp-clinical-stats`	Same	NEW section
Reviews	`dose-review-carousel`	Same	Existing section + page styles
Subscription benefits	`dose-subscriber-benefits`	Close	Existing section + page styles
Dose Standard	`dose-our-standards`	Close	Existing section, EXTENDED + page styles

Header, footer, cart

Element	Source	Match	Note
Header and countdown bar	Theme header on both	Same	Same. /pages/16oz-2oz on Jurni shows a second Jurni countdown under the header; native has one.
Footer	Theme footer on both	Same	Same.
Cart drawer	Theme cart drawer on both	Same	Same result: 16oz 3 Pack, every 24 days, $54.00, 3 free gifts. Checked end to end on /pages/16oz-2oz.

Section by section

Screenshots are from /pages/16oz-2oz-2-v1. Click a screenshot to open it full size.

Jurni on the left, native on the right

BFCM image strip

Same

Native section: dose-promo-image-banner · Existing section, unchanged

Same artwork and size.
Jurni: the strip is a link to the buy box. Native: not clickable (the section has no link setting).

How: No styling added.

Native (preview) screenshot — Native (preview)

Hero

Native section: dose-trial-hero · Existing section + page styles

Now the same: Jurni's gradient background artwork and the outlined button.
Still different: the heading is the theme's Reckless serif (Jurni: sans with a bold italic phrase) and the text is a little larger.
Native content uses the theme's full page column; Jurni sits in a narrower one. Section is 578px tall vs 698px on desktop.
Same copy, rating line and product shot (low resolution on both: 519x498 source).

How: Page styles set the background image and the button. Fonts were left as the theme's on purpose.

Press logos

Same

Native section: dose-press-banner · Existing section + page styles

Now the same height (56px), a neutral band and no play/pause control.
Band colour is the theme's nearest neutral, a shade greyer than Jurni's beige.

How: Page styles set the band colour and height and hide the control.

"Why Dose for your Liver?"

Native section: dose-subscriber-benefits · Existing section + page styles

Now the same: full-width photo with one glass card holding title, text and button on the left and the four benefits on the right, with a divider. Mobile order matches too (title, text, button, benefits).
Still different: the two paragraphs run as one, the title is serif, and the photo is a darkened copy so the white text stays readable.
Height: 446px vs 500px on desktop.

How: Page styles turn the section into one glass card on a full-width photo. The paragraph break needs a text field that accepts two paragraphs.

Buy box

Native section: product-information (the Liver PDP buy box) · Existing section + page styles (gallery only)

Gallery now the same: main image 492x555 (Jurni about 537x602), no arrows, large left-aligned thumbnails with 12px corners. Image and thumbnails fit under the header on every desktop size checked, down to 1280x720.
Title: Jurni desktop "Dose for Liver", native "Dose for your Liver".
Reviews: Jurni fixed "13,374 reviews", native live Okendo count.
Price: Jurni shows $58.50 beside "40% Off"; native shows $54.00, which is what the cart charges on both.
Pack labels: "For 1x daily" vs "(for 1x daily)" from product data.
Fonts, greens, card fills, check icons and FAQ row height are the theme's on native.
Same on both: bullets, benefit chips, 16oz/2oz tabs, pack cards, Black Friday card, Welcome Kit tiles, delivery lines, one-time option, Truemed box, four FAQ rows, cart result.

How: Gallery size, hidden arrows and thumbnail alignment are page styles plus the gallery's own settings. The buy box code and its form are untouched. Dose asked for no changes to the buy box, so this styling should be cleared with them.

"Did you know" band

Same

Native section: dose-title-text-banner · Existing section + page styles

Now the same: 200px band (240px on mobile) with the "DID YOU KNOW?" label and the bottle-and-glasses graphic.
The sentence "1 Dose shot = 17 shots of turmeric" stays in the page as text for screen readers.

How: Page styles set the height and show the graphic as a background beside the label.

Ingredients

Same

Native section: dose-lp-ingredient-grid · NEW section

Same four photo tiles with a "+" that reveals the caption; one row on desktop, 2x2 on mobile. Same photos, names, order, captions and button.
Native uses the theme's full page column, so the tiles are larger (693px tall vs 652px).
Title is serif on native.

How: New section. The theme's ingredient explorer is a different component and could not be styled into tiles.

Clinical results

Same

Native section: dose-lp-clinical-stats · NEW section

Same dark photo card: four percentages at once, "Study attributes" dropdown, footnote and button inside the card.
AST: Jurni desktop says 85%, Jurni mobile 83%. Native is set to 83% on both. Needs a decision from Dose.
Title is serif on native; card spans the theme's full page column.

How: New section. The theme's clinical section shows one marker at a time.

Reviews

Same

Native section: dose-review-carousel · Existing section + page styles

Now the same: neutral band behind the section, light cards with dark text, plain eyebrow, same six reviews three per view.
Band colour is the theme's nearest neutral; heading is serif; arrows are the theme's outlined circles.

How: Page styles set the band, card and eyebrow colours.

Subscription benefits

Native section: dose-subscriber-benefits · Existing section + page styles

Now the same: plain section, title and text on the left, five benefits as a list with divider lines, button under the list.
Still different: one button label ("SHOP NOW") on every screen size; Jurni says "SUBSCRIBE & SAVE" on desktop.
The accent phrase "A Support System." is bold sans on native, italic serif on Jurni. Height 616px vs 541px on desktop.

How: Page styles remove the photo and glass card and lay the benefits out as a list.

Dose Standard

Native section: dose-our-standards · Existing section, EXTENDED + page styles

Now the same: dark photo band, centred eyebrow and title, glass card with the five checked points always visible.
Still different: the three paragraphs sit centred above the card as one block; Jurni has them to the left of the card.
No badge on the card.

How: Extension: an "Open by default" option on the standards card (off unless switched on). Page styles add the photo, colours and check marks.

How to edit the pages

Everything on these pages is edited in the Shopify theme editor. No code is needed for text, images, links or the offer.

Open the template. Online Store → Themes → Customize. In the page selector at the top choose Pages → lp-liver.
Pick a section in the left sidebar, or click it in the preview. Its settings open on the right. Open a section's arrow to see the items inside it (logos, benefits, reviews, ingredients, stats).
Edit, then Save. One template drives all four pages, so a change shows on all four.

Part of the page	Name in the editor	What you can change
BFCM strip	Dose Promo Image Banner	Banner image for desktop and for mobile.
Hero	Dose Trial Hero	Rating line, heading, description, button text and link, product image for desktop and mobile.
Press logos	Dose Press Banner	Add, remove or reorder logos; logo image and height.
Why Dose	Dose Subscriber Benefits (first one)	Title and text (in its Section Header item), the four benefits (icon and text), button text and link, background photo.
Buy box	Dose Buy Box	Product; gallery (the "Alternative Gallery" entry); bullets, benefit chips and FAQ rows. Offer: see below.
Did you know	Dose Title Text Banner	Label text, background photo.
Ingredients	Dose LP Ingredient Grid	Eyebrow, title, description, button; each ingredient's photo, name and caption.
Clinical results	Dose LP Clinical Stats	Title, description, study attributes, footnote, button, card image; each stat's number and text.
Reviews	Dose Review Carousel	Eyebrow and title; each review's quote, name and role. Add or remove reviews.
Subscription benefits	Dose Subscriber Benefits (second one)	Title and text, the benefits (icon and text), button text and link.
Dose Standard	Dose Our Standards	Eyebrow, title and text; the card's headline and its list of points.

Changing the offer (for example 40% to 35%). In Dose Buy Box open "Dose Buy Box Form" and set "Manual Subscription Discount (%)" and the discount text; then open "Dose Skio Plan Picker" inside it and set the same two fields. The percentage and the subscribe price shown come from these fields, so they must match the discount set up in Shopify. Then update the hero button text, and swap the banner, hero and first gallery image, which have the percentage in the artwork.
Gallery images. The six slides live in Content → Metaobjects → Alternative Product Gallery → lp-liver-bfcm. Add, remove or reorder them there.
Leave two sections alone. "LP styles" holds the page's styling and "Truemed Code" holds the Truemed script. The hero background, the "Did you know" graphic and the Dose Standard photo are set in "LP styles" by file name; ask us to change those.
Different content on one page. Duplicate the template in the editor and assign the copy to that page (Online Store → Pages → the page → Theme template).
Edit on the live theme once the pages are released. Changes made on a preview theme are lost when that preview is removed.

Still open

Final internal QA: our team runs it on Monday, 16 Nov 2026, before the pages are handed over for review.
Buy box styling: the gallery is restyled from the page (size, no arrows, thumbnails). No buy box code changed, but Dose asked for the buy box to stay as it is, so this needs their yes.
40% label: the theme buy box takes the percentage and the subscribe price from a template setting, not from the Shopify plan. It is correct today ($54.00 shown and charged).
AST 83% or 85%: Jurni shows both; the native page uses 83%.
Hero product shot: the only source is Jurni's small file; original artwork is needed.
Add to cart was checked end to end on /pages/16oz-2oz only, before the last build.