Loading...
"How do I shift the photo so the title isn't covering the walkway?" "Why is my hero cropped wrong on my phone?" "Which photo shows at the top?" — these are all about the photo layer of the hero, and they're all solved on the Hero tab.
Where: Property editor → Layout tab → Home → right panel → Hero.
Where (property site): Property editor → Layout tab → Home → right panel → Hero → Hero photos card ("Collage photos" on Collage; "Hero photos" on Carousel/Full bleed) → Add photos / click a tile to swap
| Option | What it does |
|---|---|
| Swipe | Slides horizontally between hero slides (Carousel only). |
| Cross-fade | Dissolves between hero slides (Carousel only; the default, reads more premium with video). |
The Hero photos card only decides the top of the page. Your full gallery — reorder, delete, tag by room, per-photo details — lives under Space → Photos & Spaces. If you don't hand-pick any hero photos, the hero uses your gallery order, which means the first gallery photo (the Cover slot) is your hero and photos 2–8 feed the story cards and parallax strips:
Where (property site): Property editor → Space tab (left sidebar) → Photos & Spaces → drag to reorder; each tile shows its slot badge
Rule of thumb: to change the top of the page, hand-pick on the Hero tab; to change photos further down the page, reorder under Space → Photos & Spaces.
A later PMS sync follows the same rule. New photos from Hospitable, Guesty, Lodgify, Hostfully, OwnerRez, or Airbnb move into listing order in the gallery. They do not replace your current cover — or a hero you already picked — unless you click Use listing order or add slides on this Hero tab.
When Haven imports a listing it animates two photos for you — the ones in the first and third story card — and puts the short clips in those slots so you can see the effect on your own rooms. Your cover photo is never animated, and the photos the clips replaced stay in your gallery at the end, so nothing is lost.
Two is deliberate: it shows you what motion looks like on your listing and leaves the rest to you. To animate any other photo, click the Siri orb on its tile under Space → Photos & Spaces. To remove one of Haven's clips, open the same tile — clips Haven made carry an AI badge and one click puts the original photo back.
Clips take a few minutes longer than the rest of the import, so a listing you open right after importing will fill them in while you watch; you don't need to reload.
Carousel Swipe and Cross-fade only change how slides change. They do not make a still photo move.
To animate a hero photo, create a video version:
The clip is added as a new slide; the original photo stays. You can also use the Create an AI version orb on the slides card — that path opens a photo picker first, then the same job list.
From the property gallery instead: Space → Photos & Spaces → Create → AI Videos, pick a photo, or click the Siri orb on a gallery tile. A gallery video does not automatically become a hero slide — use the Hero orb when the clip should play at the top of the page.
The Create an AI version orb stays visible whenever the Hero slides card is open — even with no custom slides, only listing photos, or a list of videos. Every photo slide also has its own orb, always, so you can make another copy at any time. Tap an orb (or the banner orb, then pick a photo) and choose a job. Confirm inserts a new slide next to the original; the original stays. Video and mosaic rows have no orb.
The orb on the hero in your page's live preview (Layout tab) works differently: it acts on the photo on screen at that moment and replaces it in place when the job finishes — no new slide — and the preview refreshes on its own. A hand-picked slide becomes the new version on that same slide: open the slide's preview and choose Original on the Original | AI switch to put the original back, and on a property site the original is also kept in Photos & Spaces → Archived. When the hero follows your gallery order, the orb replaces that gallery photo and moves the original to Archived, exactly like the orb on a gallery tile.
Each slide — photo or video — has an Open preview control so you can see it full-size. The Review badge opens that same preview after the job finishes (not while it still says Creating…). On a new copy you can switch Original, Result, and Side by side. Looks good marks it reviewed.
AI versions (under the slide list on a property, above Transition on a collection) opens when a copy is creating or ready. Those rows are the new slides in the list above — tap one to see the finished result.
Any slide showing an AI photo or video has an Original | AI switch on its row, in its preview, and on its collage tile. Original puts the source photo back on that slide; the AI side brings the AI version back. Both are kept, so switching is free and nothing is deleted. Removing an AI slide from the carousel keeps its AI media under AI versions, where you can add it back. A custom page's tab hero has the same switch on its hero row.
Where (property site): Property editor → Layout tab → Home → right panel → Hero → Siri orb on any hero carousel photo (or Create an AI version orb → pick a photo) → choose a job; the new slide appears in the list and in AI versions — Open preview or the Review badge shows the result Where (collection site): Multi-unit site editor → Layout tab → Home → right panel → Hero → Slides card → Siri orb on any hero carousel photo (or Create an AI version orb → pick a photo) → choose a job; the new slide appears in the list and in AI versions — Open preview or the Review badge shows the result
| Option | What it does |
|---|---|
| Create enhanced version | Brighter and more vibrant. Adds a slide; the original stays. |
| Create sharper version | Extra pixels so the hero stays crisp full-bleed. |
| Create twilight version | Classic dusk light. Adds a slide; the original stays. |
| Create wider version | Extra sky and sides so a narrow photo fills the hero. |
| Create video version | A short cinematic clip that becomes a new video slide. |
On a collection, adding a version while Listing photos is selected switches the hero to My own slides — the same explicit switch as Upload. Collection sites have no listing-gallery upscale or video jobs; hero AI stays on these slides.
Every hero photo is cropped to fit the screen — wide on desktop, tall on a phone. The focal point tells Haven which part of the photo must stay in view when it crops, and it's also how you shift the photo under the headline and booking bar.
Where (property site): Property editor → Layout tab → Home → right panel → Hero → Hero photos → hover a slide → "Adjust focal point" (crosshair icon) → drag to reframe, use the zoom slider Where (collection site): Multi-unit site editor → Layout tab → Home → right panel → Hero → Hover a slide → "Adjust focal point" → drag to reframe Range: Drag anywhere in the frame; zoom 1×–3×.
Both change where the words sit relative to the photo, from opposite sides:
| I want… | Do this |
|---|---|
| The words to stay where they are, but the photo to slide so a different part is under them | Adjust focal point on that slide (drag; zoom if needed). |
| The photo to stay where it is, but the words to move (lower, left, centered) | Text & style → Content placement — see Hero Text Placement & Medallions. |
| No words on the photo at all | Hero layout → Billboard (or Collage) — see Hero Layouts. |
| The words readable without moving anything | Text & style → Hero overlay — see Hero Overlay, Text & Badges. |
Worked example — "center the wording between the walkway": the title is on the walkway because the walkway runs through the middle of the crop. Open Adjust focal point on the cover slide and drag the photo so the walkway sits under the title's gap (or off to one side); zoom in a notch if it won't travel. If you'd rather keep the walkway centered and move the title instead, choose Content placement → Stacked (title low) or Editorial left. Either way, check the phone preview.
The same focal point (and zoom) is used everywhere that photo is cropped: full-bleed hero, collage tiles, carousel slides, mosaic panels, and — on collection sites — the collection hero and tab heroes. Set it once per photo.
New to Haven?
Haven is the direct booking platform these guides are written for — a branded site, secure payments, and guest relationships you own. Build yours free.
Free to build · No credit card · Private until you publish