mobile_layout
The phone-specific arrangement of media, text, cards, and buttons.
A section has different desktop and mobile composition.
Choose before styling desktop.
Building desktop first and discovering the mobile order does not work.
Plan a SAISON homepage with the right section order, real section names, key settings, visual diagrams, and support-reducing setup guidance.
The homepage should explain the brand, show the main product path, and use SAISON's editorial sections selectively. Start with the page goal, then choose the section flow. Do not add every signature section just because it exists.


Pick the store's real goal: editorial brand, product launch, conversion-first shopping, or campaign-heavy storytelling.
Build the shorter version first. Add heavier editorial sections only when you have enough strong images, copy, and mobile crops to support them.
Confirm what each section does, where merchants find it in the Shopify editor, and which setting IDs to check first.
The first three sections control the homepage's perceived speed and clarity. Fix mobile crops, text density, and product visibility before adding proof or final shopping paths.
The phone-specific arrangement of media, text, cards, and buttons.
A section has different desktop and mobile composition.
Choose before styling desktop.
Building desktop first and discovering the mobile order does not work.
The crop shape and focal area used for homepage media on phones.
Hero media loses the product, model, face, or campaign subject on phones.
Set after final media upload.
Relying on desktop crops for mobile.
How much scroll distance a pinned or sticky homepage section occupies on desktop.
Pinned story scroll needs more or less reading time.
Enough to read, not enough to trap.
Long scroll distance with weak story copy.
When homepage animations start and how long they take.
Hero sequential reveal or Card reveal feels too slow.
Use restrained timing so the product path appears quickly.
Letting animation delay shopping.
The individual product cards, images, labels, and styling used inside featured product sections.
Featured product grid needs a curated shopping edit.
3 to 6 strong products.
Turning a homepage edit into a full catalog.
Controls that tell customers a slideshow or carousel has more content.
A slideshow, scroll showcase, or reviews section has multiple items.
Show controls when customers need to discover more content.
Hiding controls and making customers guess there is more content.
Automatic movement and pause behavior for rotating sections.
Logo tabs, tickers, or review sections move automatically.
Slow or disable for proof content.
Moving important proof too quickly to read.
Outer and inner spacing around homepage sections.
The complete section order is approved.
Normalize after the page flow is set.
Fixing spacing before choosing sections.
Use when imagery, brand story, and proof are as important as product browsing.
Use when the homepage should introduce one product, collection drop, or capsule story.
Use when merchants need a clearer shopping path before deeper editorial sections.