Shopify product page fixes: before and after (demo)

Task. Store owners keep asking for the same small fixes on their Shopify product pages. This demo shows four of them on an invented store, North Ridge Outfitters, with a Dawn-style product page.

Before: camera-size 2,400 px PNG photos, a sale price shown backwards, a size chart that pushes the page to 543 px on a phone, and the Add to cart button far down the page.

After: right-sized 900 px and 450 px WebP photos, a correct sale badge ($79 with $89 crossed out), size buttons with the chart in a drawer, and a sticky Add to cart with a free-shipping bar.

Measured on the two demo pages with the same phone test I'd run on a real store: the main photo appears on slow 4G in 0.4 s instead of 32.8 s, and the page fits a 390 px phone instead of sliding sideways.

Live demo: https://flowlab-dev.github.io/demo/shopify-fixes/ (invented store)