主题

每个编译后的主题包含什么,以及商家在 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

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
区块:Detail
Heading
text
Text
rich text

Related products

首页分区

Heading
text
Products
number

Cart

页面分区

Show order note
on / off

Cart drawer

功能 · 无设置

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

页面分区 · 无设置