EverStorefrontThe theme
What every compiled theme contains, and every section and setting the merchant can reach in Shopify's editor.
Features
| Feature | What it does | Without JavaScript |
|---|---|---|
| Cart drawer | Adding to cart slides the cart in from the side with quantities, removal and checkout | Goes to the cart page |
| Predictive search | Products and collections suggested as you type; / opens it | Goes to the search page |
| Collection filters | Availability, price and every filter the store has set up, with counts, without a page load, kept in the address | A form |
| Quick add | Straight to the cart from the card; a small chooser when there are options | The product page |
| Swatches | Colour dots on cards and the product page, from Shopify's swatch settings or the colour in the option value | The same |
| Sticky add-to-cart | Add to cart stays within reach while the product page scrolls | The main button |
| Submenus | Dropdown lists or a mega menu with columns and a feature image; nested in the phone drawer | Plain links |
| Size guide | A page opened in a modal from the product page | A link |
| Media | Video, hosted video and 3D models in the gallery | Poster images |
Every one of these is a switch in the design panel's Features group and a real theme setting.
Sections
Home page: hero, featured collection, collection list, image with text, rich text, multicolumn, testimonials, logo bar, FAQ, newsletter, contact form. Header group: announcement bar, header. Footer. Every template — collection, product, cart, search, blog, article, page, 404, password, and all customer pages — has its own main section.
No browser controls
Every menu, chooser, sort control and selector in the theme is the theme's own, styled from the same tokens, with keyboard movement. The one native control left is Shopify's country list on the customer address form.
Reference
Below is every section with its settings, as the merchant sees them in Customize, generated from the theme itself.
Read by machines
Every page carries JSON-LD. A product page declares the whole product and each of its variants — price, currency, availability, condition, SKU, barcode, and colour, size or material where the option names allow — not only the one a shopper has selected, so a search engine or a shopping agent reads the full range in a single pass. Collections list their products in order, articles carry author and date, product pages carry breadcrumbs, and every page declares the shop and a search action. This is what earns rich results, and it is what AI agents read when they shop on a merchant's behalf.
theme 0.8.0 · 36 sections
Header
Header and footer
- Layout
- choice — Logo left, menu centre · Logo centre, menu split · Logo above menu
- Menu
- menu
- Logo file in theme assets
- text
- Logo file width
- number
- Logo file height
- number
- Submenus
- choice — Dropdown · Mega menu
- Mega menu image
- image
- Mega menu image caption
- text
- Mega menu image link
- link
Announcement bar
Header and footer
- Text
- text
- Link
- link
Hero
Home page section
- Layout
- choice — Text over image · Image beside text · Text above image
- Image
- image
- Eyebrow
- text
- Heading
- text
- Text
- text
- Button label
- text
- Button link
- link
- Second button label
- text
- Second button link
- link
- Height
- choice — Short · Medium · Tall
- Content position
- choice — Bottom left · Centre
Featured collection
Home page section
- Layout
- choice — Grid · One scrolling row · Two large, then small
- Collection
- collection
- Heading
- text
- Text
- text
- Products
- number
- Columns
- choice — 2 · 3 · 4
- Show view all
- on / off
Collection list
Home page section
- Heading
- text
- Text
- text
- Collection
- collection
Image with text
Home page section
- Image
- image
- Eyebrow
- text
- Heading
- text
- Text
- rich text
- Button label
- text
- Button link
- link
- Layout
- choice — Image first · Text first
Rich text
Home page section
- Eyebrow
- text
- Heading
- text
- Text
- rich text
- Button label
- text
- Button link
- link
- Alignment
- choice — Left · Centre
Multicolumn
Home page section
- Heading
- text
- Text
- text
- Columns
- choice — 2 · 3 · 4
- Image
- image
- Heading
- text
- Text
- rich text
- Link text
- text
- Link
- link
Testimonials
Home page section
- Heading
- text
- Text
- text
- Quote
- rich text
- Name
- text
- Detail
- text
- Stars
- number
Logo bar
Home page section
- Heading
- text
- Image
- image
- Text if no image
- text
- Link
- link
FAQ
Home page section
- Heading
- text
- Text
- text
- Open the first question
- on / off
- Question
- text
- Answer
- rich text
Newsletter
Home page section
- Heading
- text
- Text
- text
Contact form
Home page section · no settings
Product grid
Page section
- Show filters
- on / off
- Products per page
- number
- Columns
- choice — 3 · 4
Product
Page section
- Layout
- choice — Gallery beside details · Gallery above details · Thumbnails down the side
- Show vendor
- on / off
- Show quantity selector
- on / off
- Show dynamic checkout button
- on / off
- Sticky add to cart
- on / off
- Page
- page
- Link text
- text
- Heading
- text
- Text
- rich text
Related products
Home page section
- Heading
- text
- Products
- number
Cart
Page section
- Show order note
- on / off
Cart drawer
Feature · no settings
Predictive search
Feature · no settings
Quick add
Feature · no settings
404
Page section · no settings
Account
Page section · no settings
Activate account
Page section · no settings
Addresses
Page section · no settings
Article
Page section
- Show featured image
- on / off
- Show author
- on / off
Blog
Page section · no settings
Collection banner
Home page section
- Show description
- on / off
Collections list
Page section · no settings
Login
Page section · no settings
Order
Page section · no settings
Page
Page section · no settings
Password
Page section
- Heading
- text
Register
Page section · no settings
Reset password
Page section · no settings
Search
Page section · no settings