Using Presets
Lotio ships with 3 style presets: complete store designs with their own color schemes, typography and homepage layout. You pick one when you add the theme, then customize it to match your brand.
Change homepage preset
This guide describes how to replace your homepage with one of the alternate homepage layouts that ship with Lotio.
Change collection template
This guide describes how to assign one of Lotio's collection templates to a collection.
Change product template
This guide describes how to assign one of Lotio's product page layouts to a product.
Color swatches
This guide describes how to show color swatches for product variants on the product page and on product cards.
Dark/Light mode
This guide describes how to set up a dark mode for your store and give visitors a switch to toggle it.
Product line item properties
This guide describes how to collect extra information from the customer (engraving text, gift wrap, a size note) when a product is added to the cart.
Volume discount
This guide describes how to show tiered "buy more, save more" pricing on the product page.
Cart attributes
This guide describes how to collect extra information about the whole order (a delivery date, a gift message, "how did you hear about us") on the cart page.
Product metafield data
This guide describes how to create product metafields and use them with the Lotio features that read them: the Product compare modal and the Countdown timer block.