Drawer preset
The Drawer preset of Split: its colors, fonts, product card and cart settings, home page, header and footer.
The Drawer preset gives Split a soft, single-color look: one cool grey for the header, the page and the drawers, the DM Sans font and square product cards. It has a classic header menu and a square product card.
Where to find it: choose Drawer on the Split listing of the Shopify Theme Store. Demo store: split-theme-drawer.myshopify.com.
What Drawer looks like
Compared with the Split preset, Drawer changes these Theme settings:
| Theme settings group | Setting | Drawer value |
|---|---|---|
| Colors | Header, Body and Sidebar Background | #dfdfe3 (text stays black) |
| Colors | Header and Body Borders opacity | 18 % |
| Typography | Headings Font family | DM Sans Medium (500), 60 px, line height 1 |
| Typography | Body Font family | DM Sans Regular (400), 18 px, line height 1.4 |
| Product card | Media aspect ratio | Square (1:1) |
| Product card | Overlay caption background / Overlay caption text | #222229 / white |
| Product card | Rating display (desktop) | Don't show |
| Product card | Product badges Background color / Text color (the New and Pre Order badges) | Black / white |
| Product card | Show discount as... | Amount saved ("Save" and the amount) |
| Product card | 'Discount' background color / 'Discount' text color | #8b6607 / #f6efe1 |
| Cart | Media aspect ratio → Aspect ratio | Square (1:1) |
| Cart | Product recommendations → Enable quick buy | On |
| Cart | Show free shipping minimum amount | Off |
Like the Split preset, Drawer uses the cart drawer and shows the second product image on hover.
Header, footer and overlays
- Header group: an Announcement bar ("FREE DELIVERY FROM 130 EUR"), the Header, and the Breadcrumb section hidden.
- Header: Desktop menu style Classic, Sticky header Only on scroll up, a collections menu (the
collectionsmenu) without collection images, and a promotion block ("50% SALE"). See Header menus. - Footer group: Text columns with icons, Email signup and the Footer.
- Overlay group: the Popup (with Enable popup off) and the Cookies banner, with their default settings, as in every preset. See Popup section and the Overlay group.
Home page
The Drawer home page shows, from the top: Slideshow, Collection slider, Scrolling text, a second Collection slider, Images with text twice, Video: background, Testimonials, Heading, Featured collection, Heading, Gallery and Blog posts.
Templates included
Drawer installs the same templates as the other two presets. Only the home page and the Header and Footer groups are the preset's own. The alternate templates are contact, lookbook, sale and story for pages and story for products: see Regular page and Product page.
Can I use the Drawer home page in another preset?
Not directly. The home page comes only with the preset you install. In a store that runs another preset, add the same sections to your home page in the theme editor and set the same values.