Templates Overview

Theme: Multipurpose Fashion Theme

Help Center > Pages & Templates > Overview

Overview

Templates control the layout and sections of each page type in your Shopify store. This theme uses JSON templates (Online Store 2.0) for product, collection, page, blog, cart, search, and 404-plus one Liquid template for gift cards. Each template defines which sections appear and in what order. This guide covers all templates for merchants, prospective merchants, and theme reviewers.

Who This Guide Is For

Merchants - Learn how to customize templates, assign them to products/collections/pages, and create effective store layouts without code.
Prospective merchants - Understand template flexibility, customization options, and how the theme supports different store types (fashion, food, lifestyle).
Theme Reviewers - Verify Theme Store compliance, JSON template structure, and required template coverage.

Template Types

Template	File(s)	Used for	Editable in Customizer
Homepage	`index.json`	Store homepage	Yes
Product	`product.json`, `product.*.json`	Product pages	Yes
Collection	`collection.json`, `collection.*.json`	Collection pages	Yes
Page	`page.json`, `page.*.json`	Static pages (About, Contact, FAQ)	Yes
Blog	`blog.json`	Blog listing	Yes
Article	`article.json`	Individual blog articles	Yes
Cart	`cart.json`	Cart page	Yes
Search	`search.json`	Search results	Yes
List collections	`list-collections.json`	All collections index	Yes
404	`404.json`	Page not found	Yes
Gift card	`gift_card.liquid`	Gift card redemption (Shopify requirement)	Limited
Customer account	`customers/*.liquid`	Login, register, account, addresses, orders	No (Liquid only)

All Templates in This Theme

Homepage

Index (Homepage) - index.json

Product

Product (Default) - product.json
Product Showcase - product.showcase.json
Product Launch - product.launch.json
Product Editorial - product.editorial.json
Product Gift Card - product.gift-card.json
Product Option-Rich - product.option-rich.json
Product Merchandising - product.merchandising.json

Collection

Collection (Default) - collection.json
Collection Streamlined - collection.streamlined.json
Collection Discovery - collection.discovery.json

Other

List Collections - list-collections.json
Cart - cart.json
Blog - blog.json
Article - article.json
Search - search.json
404 - 404.json
Gift Card (Liquid) - gift_card.liquid
Customer Account - customers/*.liquid
Checkout - Customized via Settings > Checkout

How to Customize Templates

Go to Online Store > Themes > Customize.
Use the template dropdown (top) to select the template (e.g. Products, Collections, Pages).
For page-specific templates (e.g. page.about), navigate to a page using that template.
Add, remove, or reorder sections.
Configure section settings.
Save.

Applying Custom Templates

Product: Products > Edit product > Theme template
Collection: Collections > Edit collection > Theme template
Page: Pages > Edit page > Theme template

See Create & Apply Product Template for product template creation.

JSON vs Liquid

Format	Use	Editable in Theme Customizer
JSON	Product, collection, page, blog, cart, search, 404	Yes - full section editing
Liquid	Gift card (Shopify requirement), customer account pages	Limited - customer pages use Liquid; gift card uses `{% layout none %}`

For Merchants

Use custom templates for different product types or page layouts (e.g. campaign page vs product with variants).
Assign templates per product, collection, or page in Admin - no code required.
Customize via Theme Customizer - add, remove, reorder sections; configure settings.
Customer account pages (login, register, account, addresses, orders) are styled to match the theme.
Checkout is customized via Settings > Checkout in Admin; the theme provides branding (fonts, colors) to the checkout.

For Theme Reviewers

Theme uses Online Store 2.0 JSON templates for all required page types.
Gift card uses Liquid template (Shopify requirement).
All JSON templates follow standard section schema.
Customer account templates (login, register, account, addresses, order) are present and styled.
Checkout layout (layout/checkout.liquid) provides branding consistency.

Design Tokens & Styling

All templates use theme design tokens from tokens.css and base.css:

Colors - --color-primary, --color-text, --color-border, etc.
Typography - --font-heading, --font-body, --font-size-*
Spacing - --spacing-md, --spacing-lg, etc.
Radius & shadows - --radius-md, --shadow-sm

Customer account and checkout pages inherit these tokens for a consistent, fashion-forward look.

Multipurpose theme documentation