Choosing a variation

Ember Theme ships three variations. Every one has the same features: a variation is a set of settings, and none adds or removes a page or a function.

What separates them is the layout as well as the colour and type. Each variation selects a layout preset, and each preset arranges the header, hero, categories and product grids its own way. Each variation is named for the kind of store it was designed for: Home & Garden, Fashion & Jewelry, or Food & Beverage.

Variation	Layout preset	What it looks like	Demo
Home	Classic	Logo left, split hero beside its copy, framed product cards four across, orange accent. The theme's own defaults.	ember-home-demo
Fashion	Editorial	Centred logo over the menu, full-bleed hero, three-across grid, display serif, brass accent, opens in dark mode.	ember-fashion-demo
Food	Market	Wide search on the top row with the aisles below, framed hero with the copy on the photo, round category tags, five-across home grids, herb green.	ember-food-demo

The preset is an ordinary setting, Theme Editor → Ember Theme → Layout Preset, so any variation can take any of the three: the Food colours on the Classic layout, for example.

Switch variations in Theme Editor → the variation dropdown at the top. Note that switching resets any setting the target variation defines, so make your variation choice before spending time on colours.