主题
每个编译后的主题包含什么,以及商家在 Shopify 编辑器中能触达的每个分区和设置。
功能
| 功能 | 作用 | 无 JavaScript 时 |
|---|---|---|
| 购物车抽屉 | 加入购物车时购物车从侧边滑入,带数量、移除和结账 | 进入购物车页面 |
| 预测搜索 | 输入即提示产品和系列;/ 打开它 | 进入搜索页面 |
| 系列筛选 | 库存状态、价格和商店设置的每个筛选项,带计数,无需刷新页面,保留在地址中 | 一个表单 |
| 快速加购 | 从卡片直接加入购物车;有选项时弹出小型选择器 | 产品页面 |
| 颜色样板 | 卡片和产品页上的颜色圆点,来自 Shopify 的样板设置或选项值中的颜色 | 相同 |
| 固定加购栏 | 产品页滚动时“加入购物车”始终触手可及 | 主按钮 |
| 子菜单 | 下拉列表或带栏目和特色图片的大型菜单;在手机抽屉中嵌套 | 普通链接 |
| 尺码指南 | 从产品页以模态框打开的页面 | 一个链接 |
| 媒体 | 图库中的视频、托管视频和 3D 模型 | 封面图片 |
以上每一项都是设计面板功能组中的一个开关,也是一个真正的主题设置。
分区
首页:主视觉、精选系列、系列列表、图文、富文本、多栏、客户评价、标志栏、常见问题、订阅、联系表单。页眉组:公告栏、页眉。页脚。每个模板——系列、产品、购物车、搜索、博客、文章、页面、404、密码,以及所有客户页面——都有自己的主分区。
无浏览器控件
主题中的每个菜单、选择器、排序控件和选择框都是主题自己的,用同一套令牌设计样式,支持键盘操作。唯一保留的原生控件是客户地址表单上 Shopify 的国家列表。
参考
下面是每个分区及其设置,按商家在自定义中看到的样子,由主题本身生成。
供机器阅读
每个页面都带着 JSON-LD。商品页面声明整个商品及其每一个变体——价格、币种、库存、成色、SKU、条码,以及在选项名称允许时的颜色、尺码与材质——而不只是买家选中的那一个,于是搜索引擎或购物代理一次就读到全部货色。合集按顺序列出商品,文章带着作者与日期,商品页面带着面包屑,每个页面都声明店铺与一个搜索动作。带来富媒体结果的是它,AI 代理替人选购时读的也是它。
主题 0.8.0 · 36 个分区
Header
页眉与页脚
- 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
页眉与页脚
- Text
- text
- Link
- link
Hero
首页分区
- 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
首页分区
- 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
首页分区
- Heading
- text
- Text
- text
区块:Collection
- Collection
- collection
Image with text
首页分区
- Image
- image
- Eyebrow
- text
- Heading
- text
- Text
- rich text
- Button label
- text
- Button link
- link
- Layout
- choice — Image first · Text first
Rich text
首页分区
- Eyebrow
- text
- Heading
- text
- Text
- rich text
- Button label
- text
- Button link
- link
- Alignment
- choice — Left · Centre
Multicolumn
首页分区
- Heading
- text
- Text
- text
- Columns
- choice — 2 · 3 · 4
区块:Column
- Image
- image
- Heading
- text
- Text
- rich text
- Link text
- text
- Link
- link
Testimonials
首页分区
- Heading
- text
- Text
- text
区块:Testimonial
- Quote
- rich text
- Name
- text
- Detail
- text
- Stars
- number
Logo bar
首页分区
- Heading
- text
区块:Logo
- Image
- image
- Text if no image
- text
- Link
- link
FAQ
首页分区
- Heading
- text
- Text
- text
- Open the first question
- on / off
区块:Question
- Question
- text
- Answer
- rich text
Newsletter
首页分区
- Heading
- text
- Text
- text
Contact form
首页分区 · 无设置
Product grid
页面分区
- Show filters
- on / off
- Products per page
- number
- Columns
- choice — 3 · 4
Product
页面分区
- 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
区块:Size guide
- Page
- page
- Link text
- text
- Heading
- text
- Text
- rich text
Related products
首页分区
- Heading
- text
- Products
- number
Cart
页面分区
- Show order note
- on / off
Cart drawer
功能 · 无设置
Predictive search
功能 · 无设置
Quick add
功能 · 无设置
404
页面分区 · 无设置
Account
页面分区 · 无设置
Activate account
页面分区 · 无设置
Addresses
页面分区 · 无设置
Article
页面分区
- Show featured image
- on / off
- Show author
- on / off
Blog
页面分区 · 无设置
Collection banner
首页分区
- Show description
- on / off
Collections list
页面分区 · 无设置
Login
页面分区 · 无设置
Order
页面分区 · 无设置
Page
页面分区 · 无设置
Password
页面分区
- Heading
- text
Register
页面分区 · 无设置
Reset password
页面分区 · 无设置
Search
页面分区 · 无设置