Five-step walkthrough
Walkthrough: E-commerce platform
Five screenshots in the order I would talk through them. Each step names what to look at, and every chip and Prev/Next link is a real URL fragment.
Step 1 of 5
The storefront opens on the catalogue
The home page leads with the featured Technics turntable, marked sold out, above a New this month row of four from-priced tiles under the label Eight recent additions. The header carries search, the demo account and an empty cart.
Step 2 of 5
The buy box carries the price
The Sennheiser HD 598 page puts the photograph on the left and the buy box on the right. The box reads 199.00, names the Beige variant, shows In stock and offers one Add to cart action.
Step 3 of 5
Two lines, two items
The cart page lists the Sennheiser at 199.00 and the Kestrel Pocket DAC at 19.00, both at quantity 1. The server-computed summary reads 218.00 with free shipping and one Continue to checkout action.
Step 4 of 5
Stripe collects the sandbox card
The checkout page shows the Stripe Payment Element with card, Pay By Bank and four local methods. The Pay 218.00 action sits beneath the element, and the order summary repeats the server total.
Step 5 of 5
The summary is computed from the lines
The Order summary panel on the cart page repeats the two line totals as a 218.00 subtotal with free shipping. The note beneath the checkout action says the final total is confirmed when the order is placed.