Shoppable lookbook layout for fashion brands. Product images scattered with hover-to-shop cards.
Build with Canvas — freeA lookbook is how fashion brands tell the story of a collection. Rather than listing products in a grid, a lookbook presents them in context: styled, shot on location, and arranged with editorial intention. Canvas lets you build shoppable lookbooks where each image links directly to its product page. Visitors browse the lookbook like a catalog, hovering over images to see product names and prices, then clicking through to buy.
Create a new canvas
Open Canvas in your Shopify admin. Click Create canvas, name it, and choose the canvas mode that matches this layout type.
Add your images
Upload images or pull from your Shopify Files library. Drag them onto the canvas to start building your layout.
Arrange and scatter
Drag images to position them. Use rotation, sizing, and opacity controls to create depth. Overlap images intentionally for an editorial feel.
Set hover effects and links
Select each image block and choose a hover mode (Ghost, Lift, Shop, or Reveal). Add link destinations to make images clickable.
Publish to your store
Click Publish to push the layout live. Add the Canvas app block to your theme once — all future updates publish instantly.
Shop hover mode is the star here. It slides a product card up from the bottom of each image, showing the product name, price, and a subtle "Shop" label. For purely atmospheric images, use Ghost for a clean, consistent feel.
Want to see what a Canvas layout looks like on a real Shopify store? All The Horses is a DTC equestrian brand that uses Canvas to build editorial scatter layouts on their homepage.
Read the case study →Install Canvas on your Shopify store. Drag, scatter, and publish in minutes.