Chapter 02
Your platform
The admin, the content model and the theme system of your platform: what a client will see every day and what you will customise.
Shopify admin
- What
- Where a merchant manages products, orders, customers, discounts, payments, shipping, taxes, staff and the online store theme.
- Why
- Most of a store is configured, not coded. Knowing the admin well lets you solve many requests without touching a theme.
Watch out
Writing theme code for something a setting or a free Shopify feature already handles.
Products, variants and collections
Also called SKU, smart collection, automated collection, variants
- What
- A product has up to many variants (size, colour) each with its own price, SKU and stock. Collections group products manually or automatically by conditions such as tag or type.
- Why
- Clean product data drives navigation, filters, search and SEO. Automated collections stay correct as products are added.
- Example
- An automated collection with the condition "product tag is summer" fills itself whenever the merchant tags a new product.
Online Store 2.0
Also called OS 2.0, JSON templates, sections everywhere
- What
- The theme architecture where templates are JSON files listing sections, so merchants can add, remove and reorder sections on any page in the theme editor.
- Why
- It lets merchants build new landing pages without a developer, and lets apps add blocks without editing theme code.
Sections and blocks
- What
- Sections are reusable modules of a page with their own settings. Blocks are smaller repeatable pieces inside a section, such as slides or feature items.
- Why
- Good settings turn one well built section into many layouts the merchant controls safely.
Watch out
Hard coding copy in a section instead of exposing it as a setting the merchant can edit.
Reference themes: Dawn, Horizon and Skeleton
Also called reference theme, Dawn, Horizon, Skeleton theme
- What
- Themes Shopify publishes as source code. Dawn introduced Online Store 2.0, Horizon is the newer family built on theme blocks, and
shopify theme initstarts from the minimal Skeleton theme. - Why
- Reading their code is the fastest way to learn modern theme patterns and performance habits.
Watch out
Copying patterns from old paid themes built before Online Store 2.0.
Choosing apps
Also called Shopify App Store
- What
- Apps add features such as reviews, subscriptions or bundles. Judge them by reviews, support, pricing, what data they access and how they load on the storefront.
- Why
- Every app can add scripts, monthly fees and data access. Uninstalled apps can leave code behind in older themes.
Watch out
Installing an app for each small feature until the store is slow and costs more in apps than in its plan.
Partners and development stores
Also called Shopify Partners, dev store, collaborator access, development store, Shopify Partner Program
- What
- The Shopify Partner Program gives developers free development stores to build and test in, and collaborator access to request entry to client stores.
- Why
- You build without paying for a plan, then hand over or transfer the store, and the client owns their account from the start.
Watch out
Asking a client for their owner password instead of sending a collaborator request.