PDP SKU — treatment options
The product-title area · faithful to the live Soft Modern styles · Jessar · 2026-07-05
What's off: the SKU is bare monospace text sitting inline right after the two variant pills, so it reads as a leftover — no container, baseline floats against the pill, and it competes with the variant chips it isn't one of. Below: the current state, then four ways to fix it. All are ~10-minute CSS/markup changes.
Current
Now — bare text after the pills
What you're seeing. The SKU crowds the "2-Slice" pill.
JS Gourmet
Retro Wide-Slot Toaster
Matte White
2-Slice
SKU 7-99374
Recommended
Option A — its own line, under the pills
Cleanest hierarchy: variant pills stay a tidy row, the SKU drops to its own quiet line with a tiny label. Reads clearly, never crowds, and looks deliberate for a B2B buyer scanning codes.
JS Gourmet
Retro Wide-Slot Toaster
Matte White
2-Slice
SKU7-99374
Option B
Option B — up with the sub-brand eyebrow
SKU lives with the other metadata on the eyebrow line (right-aligned), so the pill row is purely variants. Very clean, but the SKU sits above the title where a buyer might not look first.
Retro Wide-Slot Toaster
Matte White
2-Slice
Option C
Option C — a proper labeled tag in the row
Keeps the SKU in the pill row but gives it a real container — a square-cornered "SKU" tag, visually distinct from the round variant pills so it doesn't pretend to be one. Feels intentional; slightly busier row.
JS Gourmet
Retro Wide-Slot Toaster
Matte White
2-Slice
SKU7-99374
Option D
Option D — pushed to the right of the pill row
Variants left, SKU pushed to the far right of the same row with a label. Uses the space, clear separation. On narrow mobile it wraps under, which is essentially Option A.
JS Gourmet
Retro Wide-Slot Toaster
Matte White
2-Slice
SKU7-99374