I want to make an interactive page ( using this exact image ) the customer would be able to click anywhere on the page and it would take them to a page where they would choose 1 items from each of the 3 things and then add it to their cart. I am wanting to make 12 more ( I call it a look book page) for the rest of my collections
Topic summary
Goal: create a full-page, clickable “lookbook” in the Dawn theme where clicking the image sends customers to a page to pick 1 item from each of 3 categories and add the selection to the cart; plan to build ~12 such pages.
Current guidance: convert the lookbook image to SVG (Scalable Vector Graphics) and define clickable areas using rect (rectangle) elements. Then add custom code to handle the click-through and product selection flow.
Clarifications: simply saving as SVG is the first step; additional custom coding is required to implement interactivity and the selection/cart logic.
Key terms: SVG = a vector image format that supports interactive regions; rect = an SVG shape used to define clickable zones.
Assets: attached images are central to the intended design and layout.
Status: no implementation details or code shared yet; discussion remains open.
Action items: convert the image to SVG, mark clickable regions, build the page with custom code, and implement the 3-category selection + add-to-cart process.
Unresolved: exact coding approach, page template integration in Dawn, and cart/bundling logic.
