Shop The Look 8 block design & features
Each pin on the photo and each row in the list toggles the same piece. Picked pieces show a filled pin with a check and a checked row, while unpicked ones fall back to a plain white pin, a muted name and a struck-through price, and the choice stays until it is changed. Hovering or focusing a row highlights its pin with a clear outline, and hovering a pin highlights its row. The button underneath counts the picked pieces and totals their prices, and turns into a disabled prompt when nothing is selected. Colour stays almost entirely in the photography, with plain text and a single primary button on the theme background.
The result is an editorial, restrained take on a lookbook that lets shoppers take the whole outfit or only the parts they want. It needs one portrait photo in a three by four ratio, plus a name, detail, price and pin position for each piece. The photo frame keeps its ratio so pins stay on the right garment at every width, and on small screens the photo stacks above the list.