Presets
A preset is a starting layout for a kind of parts store. You choose a preset when you add the theme, then change the colors, text and sections to fit your business. Version 1.0 ships one preset, Chassis, for car and motorcycle parts stores. More presets follow in a later version.
The preset
| Preset | For | What differs |
|---|---|---|
| Chassis | Car and motorcycle parts stores | Home page sections, in this order: vehicle selector (split layout, default vehicle layout, heading "What do you drive?"), service facts, category tiles (nine collection tiles in the mosaic layout), featured collection, image with text, parts diagram, vehicle directory, blog posts and newsletter. Default vehicle kind: car. |
Choose a preset
- Install the theme from the Shopify Theme Store, or upload it. The theme starts with the Chassis preset.
- Check the home page order in Getting started, and remove the sections you do not need.
- Load your vehicle data if the store sells parts by vehicle. If your store sells accessories without vehicles, turn off Show vehicle fitment in Theme settings > Vehicle fitment.
What every preset shares
- The same vehicle fitment system. See Vehicle fitment.
- The same product page blocks and cart. See Product page and Cart.
- The same colors, fonts and corner settings, which you change in Theme settings.
- Photo treatment (in Theme settings): choose None or Black and white. It applies to photographs in the hero, image with text and blog. Product photos are not changed.
- Blend product photos into the tile (product cards): on by default. Photos on a white background take the tile color on light color schemes. Turn it off for photos with dark or colored backgrounds.
Chassis starting colors and fonts
- Fonts: headings in Barlow, bold. Body text in Barlow, regular. Data (part numbers, specifications) in Roboto Mono, medium.
- Corners and borders: buttons and inputs have a corner radius of 4. Cards and images have a corner radius of 6. Border width is 2.
- Fit colors: "Fits" is green (#0A7A3D), "Check" is brown (#8A5200), and "Does not fit" is red (#B3261E).
- Color scheme 1: white background (#FFFFFF), dark text (#111315), yellow accent and buttons (#FFD21F).
- Color scheme 2: light grey background (#EEEFEE), dark text, yellow accent and buttons.
- Color scheme 3: dark background (#111315), white text, yellow accent and buttons.
- Color scheme 4: yellow background (#FFD21F), dark text, dark buttons (#111315).