Showcase products in an organic scatter pattern. Each block links to its product page with hover effects.
Build with Canvas — freeStandard product grids are functional but forgettable. A product scatter layout arranges your products organically across the page, with varying sizes, slight rotations, and overlapping edges. Each image links to its product page, turning the scatter into a browseable, shoppable display. This is particularly effective for brands with visually distinctive products — jewelry, ceramics, home goods, stationery.
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 mode is the natural fit. Every image should link to its product page with hover showing name, price, and click-through. Lift adds extra attention to hero products. Reveal works for showing second angles or color variants.
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.