时钟选项会在画布上渲染一个真实的模拟时钟表盘,包括指针,并设置为顾客选择的任意时间。当设计需要呈现与有意义的时刻相关的真实计时器风格时,例如出生时间、求婚或婚礼仪式,而不是一行普通文字,就适合使用这个选项。

添加方法:在侧边栏中前往选项集,打开商品对应的选项集,点击添加选项,在其他下选择时钟,然后点击添加。

侧边栏导航中的选项集
选项集编辑器中的添加选项按钮
添加选项菜单,已在其他下选中时钟

内容

  • 标签:显示在时间选择器上方的字段名称,默认为“Clock”
  • 帮助文本:可选的引导文字,显示在标签下方
  • 时间格式:选择24 小时制,店铺前台的时间选择器只显示 HH:MM;或选择12 小时制(AM/PM),为其添加 AM/PM 后缀(例如“10:10 AM”)
  • 必填:要求顾客选择时间,才能完成订单
  • 默认值:顾客编辑之前显示的初始时间,添加该选项时会自动填入当前时间
内容面板,包含标签、帮助文本、设为 24 小时制的时间格式、必填和默认值字段,画布显示默认时间的时钟表盘,带有 PM 标签

点击选项集预览中的时间字段,会打开小时/分钟选择器。选择时间后,时钟的时针和分针会随之重绘,表盘上的 AM/PM 文字也会自动更新。

选项集预览,时间选择器设为 10:10,画布显示指针已重绘为 10:10,表盘显示 AM

将时间格式切换为12 小时制(AM/PM),会直接在时间选择器按钮本身上添加 AM/PM 后缀,而表盘上无论此设置如何都会显示 AM/PM 文字。

内容面板,时间格式设为 12 小时制(AM/PM),选项集预览中时间选择器显示 10:10 AM

表盘

控制承载指针和数字的底盘。

  • 显示表盘边框:默认已勾选,在时钟表盘周围绘制轮廓
  • 填充颜色:表盘的背景颜色,默认为透明
  • 边框颜色:轮廓的颜色,默认为黑色
  • 边框宽度:轮廓的粗细,单位为像素
表盘面板,已勾选显示表盘边框,包含填充颜色、边框颜色和边框宽度字段

刻度

控制表盘边缘的刻度线,小时刻度和分钟刻度分别配置。

  • 刻度颜色:所有刻度线的颜色,默认为黑色
  • 显示小时刻度 / 小时刻度长度 / 小时刻度宽度 / 小时刻度偏移:开启或关闭 12 个较长的小时刻度,并控制它们的大小以及与边缘的距离
  • 显示分钟刻度 / 分钟刻度长度 / 分钟刻度宽度 / 分钟刻度偏移:开启或关闭 60 个较短的分钟刻度,并控制它们的大小以及与边缘的距离
刻度面板,包含刻度颜色、带长度/宽度/偏移滑块的显示小时刻度,以及分钟刻度控件的开头部分

数字

控制印在表盘周围的数字。

  • 数字样式:选择数字(1、2、3……)、罗马数字(I、II、III……),或选择无完全隐藏数字
  • 数字颜色:默认为黑色
  • 数字大小:以百分比表示
  • 距中心距离:数字与表盘边缘的靠近程度
数字面板,数字样式设为数字,包含数字颜色、数字大小和距中心距离字段

将数字样式切换为罗马数字,表盘会立即重绘,以罗马数字取代阿拉伯数字。

数字面板,数字样式设为罗马数字,画布显示以罗马数字重绘的时钟表盘

AM/PM

控制印在表盘上的小型 AM/PM 标签。无论内容部分的时间格式设置如何,它始终会显示,因为该设置只影响店铺前台时间选择器按钮的标签,不影响表盘。

  • 显示 AM/PM:默认已勾选
  • 文字颜色:默认为黑色
  • 字号:以百分比表示
  • 距中心距离:标签与表盘中心的距离
AM/PM 面板,已勾选显示 AM/PM,包含文字颜色、字号和距中心距离字段

指针

控制时针和分针。没有秒针,时钟始终只显示小时和分钟。

  • 指针颜色:同时应用于两根指针,默认为黑色
  • 中心点半径:表盘中心枢轴圆点的大小
  • 时针:有各自的长度、宽度和针尖样式(圆头、平头或尖头)
  • 分针:有各自的长度、宽度和针尖样式,同样有三种选择
指针面板,包含指针颜色、中心点半径,以及时针的长度和宽度字段

字体

控制表盘上数字所用的字体。

  • 默认字体:搜索并选择字体
  • 个性化字体:允许顾客自己更改字体
字体面板,包含默认字体搜索字段和个性化字体复选框

变换

标准的宽度、高度、X、Y、倾斜 X、倾斜 Y、对齐、翻转、不透明度和旋转控件,用于在画布上定位时钟,与其他基于画布的选项类型共用同一个变换面板。

条件

与大多数选项类型一样,时钟也支持自己的条件,因此您可以根据选项集中其他位置的选择来显示或隐藏它。如需设置,请参阅《条件选项集》指南。

更新于:20/07/2026