What is Lotio?
Lotio is a premium Shopify theme inspired by Shopify's Horizon theme architecture. Built entirely from scratch on our own XO Web Components framework, Lotio brings the block-based design system introduced with Horizon — deeply nested blocks, modular layouts, and full design freedom — to an editorial, storytelling-focused storefront, without using any Horizon theme code. Every line of code is original, crafted specifically for Lotio.
Key features
- Advanced block system: Inspired by Shopify's Horizon architecture, Lotio features deeply nested blocks and modular design — built entirely with our own code and XO Web Components framework.
- 90+ sections: A large library of pre-built sections covering every use case — from hero banners, lookbooks, and product showcases to manifestos, press quotes, and popups.
- 46 theme blocks: Modular content blocks (text, images, video, layouts, backgrounds, marquees, countdowns, forms, and more) that can be placed inside any section.
- 3 style presets: Get started instantly with pre-configured store designs — Lotio, Timbre, and Wiggle — each tailored to a different industry.
- 5 homepage layouts: A default homepage plus four alternate homepage templates, each with its own mix of hero, product, and editorial sections.
- Multiple page templates: 4 product page layouts (default, Backdrop, Carousel vertical, Gallery wall) and 3 collection layouts (default, drawer filters, sidebar filters), plus about, contact, and recently viewed page templates.
- Dark mode: Built-in dark mode that maps your light color schemes to dark counterparts, with a dark mode toggle in the floating sidebar.
- Mobile-first design: Every component is designed for mobile first, with responsive breakpoints for tablet and desktop.
- RTL support: Full right-to-left language support for Arabic, Persian, Hebrew, Urdu, and other RTL languages.
- Animation system: Scroll animations with configurable effects — fade, zoom, rotate, snake, and 3D — plus animated modals and drawers, marquees, typing text, and image comparisons.
- Performance optimized: Lazy loading images, a small critical JavaScript bundle, and deferred, minified assets for fast page loads.
Pre-configured presets
Lotio comes with 3 industry-specific presets, each with pre-built page layouts, color schemes, and typography:
| Preset | Best for | Style |
|---|---|---|
| Lotio | Beauty, skincare, lifestyle | Warm, editorial, understated |
| Timbre | Audio, electronics, tech | Dark, bold, high contrast |
| Wiggle | Kids, apparel, family products | Bright, playful, friendly |
Each preset includes a fully configured homepage, product pages, collection pages, and more. You can switch presets or customize them to match your brand. See the Presets guide for details.
Try Lotio
You can try Lotio for free before purchasing:
- Visit the Shopify Theme Store
- Click Try theme to add it to your store
- Customize and preview before publishing
Check out the Installation guide for step-by-step setup instructions.