maisonblock
Sign in

Orbit

Shoes circle on a tilted orbit; the one at the front shows its name, price and sizes, and a size tap adds it to the bag.

Made for Shopify 2.0HorizonDawn

$29 one store, paid once

  • No monthly feesPay once. Updates included.
  • Mobile-first UIBuilt and tested for phones first.
  • Fully customizable29 theme-editor settings; plain Liquid, CSS and JS.
  • Speed optimizedOne 42 KB file. No app scripts, no outside requests.
Licence

Optional service · one complete website

One-on-One Support from the CEO

Your website, your specifics. Get five private clarification messages directly with the Maisonblock CEO during your build.

5 clarification messages1 feedback roundReplies within 1–2 business days

GET A FULLY BUILT INTERACTIVE WEBSITE FOR YOUR BRAND

We'll build your complete Shopify storefront around your business—with a custom-branded homepage, product pages, mobile optimization, and every compatible Maisonblock design you purchase.

$199 — ONE-TIME WEBSITE BUILD

  • One payment, updates included (licence)
  • Download link by email straight after checkout
  • Refunds: see the refund policy

Overview

What it does

Orbit lines your sneakers up on a slow, tilted orbit. The shoe at the front is full size and sharp; the rest shrink, fade and soften into the distance, so the eye always lands on one product.

Drag, swipe, scroll the jog dial or use the arrow keys to bring the next pair round. The front shoe shows its name, colour line, price and the sizes in stock for that colour; one tap on a size adds it to the bag, and sold-out sizes are struck through, not hidden.

  • Tilted orbit with depth scale, fade and blur
  • Drag with inertia, swipe, jog dial, wheel and arrow keys
  • Sizes for the shown colour only, sold-out sizes marked
  • One-tap add to cart, or open a product view instead
  • Five built-in backdrops or a plain colour
  • Keyboard slider semantics; motion off for reduced motion

Installation

How it gets into your store

  1. Download the files from the link in your order email.
  2. In Shopify, open your theme's code (Online Store › Themes › ⋯ › Edit code) and add the one file where the manual shows.
  3. Open the theme editor and add it: it appears as "Maisonblock …" with every setting ready.
  4. Fill it with your own products, photos and text. Try it on a copy of your theme first.
All theme-editor settings (29)

Every setting this piece adds to the theme editor, read straight from its code; up to 20 blocks.

Theme-editor settingTypeDefault
Accessible nametextSneakers
Size option nametextSize
Size labeltextSize
Size buttonsselectadd
Look
Backdropselecta
Background colourcolor#ece9e4
Text colourcolor#111111
Accentcolor#111111
Text on accentcolor#ffffff
Height (desktop)range85
Show the jog dialcheckboxtrue
Dial labeltextDrag · swipe · ← →
Orbit
Front shoe sizerange60
Spacingrange80
Orbit widthrange46
Orbit heightrange50
Orbit centre (left–right)range57
Orbit centre (top–bottom)range60
Tilt along the curverange16
Size at the backrange30
Opacity at the backrange22
Depth blurrange3.5
Motion
Gentle floatcheckboxtrue
Rotate by itselfcheckboxfalse
Seconds per shoerange4
Each “Shoe” block
Productproduct—
Side view (transparent PNG/WebP)image picker—
Title overridetext—
Colour linetext—
Specifications
TypeSection
Version1.1.2 · 2026-11-06
Code size42 KB (Liquid, JS and CSS, unminified)
DependenciesNone
Filessections/mb-orbit.liquid
Downloadmb-orbit-1.1.2.zip, 183 KB
Changelog
  • 1.1.2 2026-11-06
    Fixed: on Dawn with a dark colour scheme, the product name was light text on the light stage. Headings now take the section’s own text colour. If your theme or an app already uses one of this piece’s element names, or the piece is on a page twice, the rest of the page’s scripts keep working (before, the second definition stopped them).
  • 1.1.1 2026-11-02
    Fixed: a script error when no shoe has a product. The section now hides itself on the store and says what to do in the theme editor. Tall photos now stay on the stage instead of running off it. Wide cut-outs look the same as before, and still read best.
  • 1.1.0 2026-10-26
    Now one file: the styles and scripts live inside the Liquid file, so installing means uploading a single file. To update from an older version, upload the new file and delete the old mb- files from your theme’s assets folder.
  • 1.0.1 2026-10-25
    Products without a Size option (one size, accessories) get a single Add to cart button. Descriptions keep the space between paragraphs. A shoe with no picture is skipped instead of breaking the section. Your theme’s cart count now updates after an add (Horizon, Dawn and most themes).
  • 1.0.0 2026-10-24
    First release.

FAQ

Questions about Orbit

Do my photos need to be cut out?

Yes. Orbit floats each shoe over the backdrop, so a transparent side view looks right. The guide explains how to prepare them.

How many shoes?

Up to 20. Six to ten reads best.

More from the collection

You might also like

Shop all

Section · Shopify 2.0 · Horizon · Dawn

Rail

A collection you can brush past.

Fully Built Interactive Shopify Website · $199

A few quick choices

It takes a minute. You'll tell us about your brand after checkout. Your five clarification messages with the CEO start once your brief is in.

Do you want your website to include interactive elements?
Do you already have a Shopify store?