Overview
Sections are the top-level building blocks of your store's pages. Each section is a full-width container that holds content blocks. In the Shopify theme editor, you add sections to your pages and then fill them with blocks.
Section Settings
Every section in Lotio ends with the same three groups of settings: Advanced (or General settings), Appearance, and Padding. They control how wide the section is, what sits behind its content, and how much space it takes above and below. You find them at the bottom of the section's settings panel in the theme editor, after the settings that are specific to that section.
Section Presets
Lotio includes a generic Section component that accepts any theme block. It is the blank canvas of the theme: you drop in groups, layouts, text, images, buttons, and any other theme block to build a layout that none of the ready-made sections cover.
Page Templates
Lotio ships 23 page templates (JSON) plus a gift card template. A template defines which sections a page starts with and in what order. You can edit any template in the theme editor, and you can create further variants of your own from the same starting points.
Header & Footer
These sections make up the global navigation, branding, and utility areas of your store. Most of them live in section groups rather than on individual pages, so they appear on every page once you configure them. Lotio ships 3 header styles, 4 mega menus, and 3 footer styles, so you can pick the combination that fits your brand.
Hero Sections
Hero sections are full-width, high-impact openers designed for the top of your pages. Lotio includes 8 hero sections, from a classic slideshow to editorial split layouts and lightweight page headers, each with a different composition and level of motion.
Collection Sections
Collection sections help customers browse your catalog by category and surface products from a chosen collection anywhere on the store. Lotio includes 7 collection sections: four that showcase the collections themselves, two that pull products out of a collection, and the hero that sits at the top of every collection template.
Product Sections
Product sections cover everything from the main product page to carousels, bundles, comparison tables, and the overlays that support buying from anywhere in the store. Lotio includes 16 product sections: the main product section with its three alternate page layouts, nine sections you can add to any page, and three overlay sections that live in the Overlay section group.
Content Sections
Content sections carry the informational parts of your store: feature lists, promises, FAQs, blog teasers, newsletter signup, and the contact page. Lotio includes 17 content sections. Every one of them shares the universal width, color scheme, background, and padding controls described in Section Settings, so this page only lists what is specific to each section.
Editorial Sections
Editorial sections tell your brand story. They lean on large type, quotes, signed letters, and scroll-driven motion rather than product grids, so they suit About pages, campaign landing pages, and the narrative parts of a home page. Lotio includes 14 editorial sections. All of them share the universal width, color scheme, background, and padding controls described in Section Settings.
Media & Interactive Sections
Media and interactive sections turn imagery, video, and product details into scroll-driven or clickable experiences. Lotio includes 11 media and interactive sections, ranging from pinned lookbooks and hotspot images to comparison sliders, video reels, and animated spec displays. Each one shares the universal section settings for width, background, and padding.
Testimonial Sections
Testimonial sections add social proof from customers and the press. Lotio includes 4 testimonial sections, covering a quote grid, parallax press quotes, a letters carousel, and a scrolling press marquee.
Popup Sections
Popup sections show overlay content on top of the page. Lotio includes 4 popup sections, and they live in the Popup section group that appears on every page rather than in the page's own section list. Open Sales channels > Online store > Themes > Customize, find the Popup group in the sidebar, and enable the popup you want. All four ship disabled by default.