使用应用
模板区块
尺码表区块决定顾客在产品页面上如何打开尺码表:文字链接、按钮,或直接显示在页面上的尺码表。您只需在模板编辑器中设置一次,它就会应用到使用该模板的所有产品。
查找区块的方法:在线商店 → 模板 → 自定义,切换到产品模板,然后在产品信息部分点击尺码表。还没有添加?请参阅安装。
显示
| 设置 | 作用 |
|---|---|
| 标签 | 顾客点击的文字。默认为“尺码表”(以店铺语言显示)——也可以试试“尺码指南”或“查找您的尺码”。 |
| 显示为 | 文字链接(默认)、按钮或内嵌(在页面上显示尺码表),后者会把整个尺码表放在产品页面上,无需点击。 |
| 对齐方式 | 左、居中或右。仅限链接和按钮。 |
以下大多数设置仅在链接和按钮样式下显示,因为内嵌尺码表没有可点击的内容。
位置
默认情况下,链接显示在您放置区块的位置。通过位置设置,您可以把它放在与其他元素相同的行中——最常见的位置是价格旁边。
| 设置 | 作用 |
|---|---|
| 显示位置 | 此区块所在的位置、与价格在同一行或与另一个元素在同一行。 |
| 元素类名或选择器 | 用于“另一个元素”:模板产品部分中的类名或 CSS 选择器,例如 product__title 或 .product-form__quantity。 |
| 在行中的位置 | 元素之后或元素之前。 |
| 行内垂直对齐 | 居中、顶部、底部或文字基线。 |
与价格在同一行会在 Dawn 及大多数基于 Dawn 的模板,以及使用常见价格类名的模板中自动找到价格。顾客切换款式时,链接会保持在原位。
提示: 如果找不到该元素,区块会直接保留在您放置的位置——不会出现任何问题。要查找类名,请在产品页面上右键点击该元素,然后选择检查。
链接
| 设置 | 作用 |
|---|---|
| 链接颜色 | 留空则使用模板的文字颜色。 |
| 下划线 | 默认开启。 |
图标
在标签旁添加图标。图标会使用链接或按钮的文字颜色,因此总是搭配协调。
| 设置 | 作用 |
|---|---|
| 图标 | 无图标(默认)、27 个内置图标之一,或自定义图片。 |
| 自定义图标 | 您自己的图片,以图片本身的颜色显示。正方形的 PNG 或 SVG 效果最佳。 |
| 图标位置 | 标签之前或标签之后。 |
| 图标大小 | 12–40 px。默认 18 px。 |
| 图标与文字的间距 | 图标与标签之间的距离,0–24 px。默认 6 px。 |
现代
尺码表 · 尺码标签 · 衣架和尺子 · 卷尺盒 · 衬衫宽度 · 人台 · 裤腰 · 鞋长 · 身形
经典
尺子 · 软尺 · 卷尺 · 衬衫和软尺 · 折叠软尺 · 平面图 · 鞋码 · 衣架 · 衬衫尺寸 · 字母尺码 · 腰围测量 · 秤 · 连衣裙和尺子 · 运动鞋 · 臀部 · 身体和软尺 · 三角尺 · 宽度箭头
按钮
| 设置 | 作用 |
|---|---|
| 背景 / 文字 | 两者都留空,则显示为使用模板文字颜色的描边按钮。 |
| 大小 | 小(高 36 px)、中(44 px,与多数模板按钮同高)或大(52 px)。选择“自定义”会显示按钮高度滑块。 |
| 按钮高度 | 28–64 px。默认 44 px。仅在大小为“自定义”时可用。 |
| 圆角半径 | 0–40 px。默认 4 px。 |
| 显示悬浮按钮 | 同时在屏幕边缘固定一个标签,让顾客在滚动时从页面任何位置都能打开尺码表。 |
| 悬浮按钮所在侧 | 左或右。 |
| 悬浮按钮位置 | 屏幕的顶部、中间或底部。 |
| 在移动设备上显示浮动按钮 | 默认开启。关闭后手机上将隐藏该标签,顾客改用常规按钮。 |
尺码表窗口
| 设置 | 作用 |
|---|---|
| 打开方式 | 弹窗(居中,默认)、从左侧滑出的抽屉或从右侧滑出的抽屉。 |
抽屉会从侧边滑入,同时保留后面的产品页面可见。在手机上,抽屉会改为以居中弹窗打开,因为抽屉反正会占满整个屏幕。在较大的屏幕上,由于抽屉太窄,产品照片只在弹窗中显示;在手机上则遵循在手机上也显示设置。
顾客的体验
- 可以通过关闭按钮、Esc 键,或点击外部(除非您在外观中关闭此项)关闭弹窗或抽屉。
- 当表格启用了单位换算时,会记住顾客的选择(例如英寸),下一个产品也会以相同单位打开。尺码表中的其他表格也会一起切换。
- 宽表格在手机上会横向滚动而不是被挤压,并且可以固定尺码列。
- 尺码表为键盘和屏幕阅读器用户而设计:打开时焦点会移入弹窗,关闭时回到链接上。