· Guide
How to add page transitions to a Shopify store
Three ways to get page transitions on a Shopify theme, what each one costs you, and how an app embed does it in three clicks without touching the theme’s code.
The blog
Notes on motion for shops
Guides and plain answers about page transitions, preloaders and speed on Shopify themes, from the studio that builds Segue.
· Guide
A preloader for your Shopify store: your logo while the shop loads
What a preloader is for, when it should play and when it must not, how long it should last, and nine ways to make one from your logo without code.
· Speed
Do page transitions slow down a Shopify store?
The honest answer, measured with Lighthouse on Dawn and Horizon: what a transition adds, what it hides, and what separates a fast one from a slow one.
· Themes
Page transitions on Dawn, Horizon and Pitch
Shopify’s own themes, one by one: what Dawn lacks, what Horizon ships, how Pitch behaves, and how an app embed fits each of them without a single edit.
· Design
Which page transition should your shop use? A field guide to 14 moves
Fourteen transitions and an automatic mode, grouped by what they do with your logo, your colours and your words, with a suggestion for each kind of shop.
· Under the hood
The View Transitions API and Shopify: what it does, and what it doesn’t
Cross-document view transitions are in Chrome, Edge and Safari. What they give a Shopify theme, where they fall short, and how Segue uses them for one move and a cover for the rest.
