Floating Atmosphere

Images float above existing page content. Add visual depth without touching your theme layout.

Build with Canvas — free

What this layout is for

Atmosphere mode is unlike any other layout. Instead of replacing a section of your page, floating images appear on top of your existing page content as an overlay. Your theme layout stays exactly as it is and Canvas adds images that float above them with absolute positioning.

How to build it

1

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.

2

Add your images

Upload images or pull from your Shopify Files library. Drag them onto the canvas to start building your layout.

3

Arrange and scatter

Drag images to position them. Use rotation, sizing, and opacity controls to create depth. Overlap images intentionally for an editorial feel.

4

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.

5

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.

Best for

  • Stores wanting editorial flair without changing their theme
  • Adding visual depth and layering to existing layouts
  • Lifestyle image accents on product or collection pages
  • Experimental visual effects and seasonal overlays

Hover effects that work

Ghost is the safest choice for floating images — it signals interactivity without competing with page content beneath. Lift reinforces the floating illusion.

See it in action

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 →

Start building your floating atmosphere

Install Canvas on your Shopify store. Drag, scatter, and publish in minutes.

Start building — freeBrowse more layouts