Tuỳ chọn Đồng hồ vẽ một mặt đồng hồ kim thực sự trên canvas, đầy đủ các kim, được đặt theo thời gian mà khách hàng chọn. Đây là tuỳ chọn nên dùng khi thiết kế cần mang cảm giác như một chiếc đồng hồ thật gắn với một khoảnh khắc ý nghĩa, như giờ sinh, lúc cầu hôn hay lễ cưới, thay vì một dòng chữ thông thường.

Để thêm tuỳ chọn này, vào Bộ tuỳ chọn ở thanh bên, mở bộ tuỳ chọn của sản phẩm, bấm Thêm tuỳ chọn, chọn Đồng hồ trong mục Khác, rồi bấm Thêm.

Bộ tuỳ chọn trong thanh điều hướng bên
Nút Thêm tuỳ chọn trong trình chỉnh sửa bộ tuỳ chọn
Menu Thêm tuỳ chọn với Đồng hồ được chọn trong mục Khác

Nội dung

  • Nhãn: tên trường hiển thị phía trên bộ chọn giờ, mặc định là "Clock"
  • Văn bản hướng dẫn: hướng dẫn tuỳ chọn hiển thị bên dưới nhãn
  • Định dạng giờ: chọn 24 giờ để bộ chọn giờ trên storefront hiển thị dạng HH:MM đơn thuần, hoặc 12 giờ (AM/PM) để thêm hậu tố AM/PM (ví dụ "10:10 AM")
  • Bắt buộc: buộc khách hàng chọn giờ trước khi có thể hoàn tất đơn hàng
  • Giá trị mặc định: giờ ban đầu hiển thị trước khi khách hàng chỉnh sửa, tự động điền giờ hiện tại khi tuỳ chọn được thêm
Bảng Nội dung với các trường Nhãn, Văn bản hướng dẫn, Định dạng giờ đặt là 24 giờ, Bắt buộc và Giá trị mặc định, canvas hiển thị mặt đồng hồ ở giờ mặc định với nhãn PM

Bấm vào trường giờ trong Bản xem trước bộ tuỳ chọn sẽ mở bộ chọn Giờ/Phút. Chọn một giờ sẽ vẽ lại kim giờ và kim phút của đồng hồ cho khớp, và tự động cập nhật chữ AM/PM trên mặt đồng hồ.

Bản xem trước bộ tuỳ chọn với bộ chọn giờ đặt là 10:10, canvas hiển thị kim đồng hồ được vẽ lại ở 10:10 và mặt đồng hồ ghi AM

Chuyển Định dạng giờ sang 12 giờ (AM/PM) sẽ thêm hậu tố AM/PM trực tiếp vào nút bộ chọn giờ, bên cạnh chữ AM/PM vốn đã hiển thị trên mặt đồng hồ bất kể thiết lập này.

Bảng Nội dung với Định dạng giờ đặt là 12 giờ (AM/PM), Bản xem trước bộ tuỳ chọn hiển thị bộ chọn giờ ghi 10:10 AM

Mặt đồng hồ

Điều khiển mặt đế mà các kim và con số nằm trên đó.

  • Hiện viền mặt đồng hồ: được chọn sẵn theo mặc định, vẽ đường viền quanh mặt đồng hồ
  • Màu nền: màu nền của mặt đồng hồ, mặc định là trong suốt
  • Màu viền: màu của đường viền, mặc định là màu đen
  • Độ dày viền: độ dày đường viền tính bằng pixel
Bảng Mặt đồng hồ với Hiện viền mặt đồng hồ được chọn, và các trường Màu nền, Màu viền và Độ dày viền

Vạch chia

Điều khiển các vạch chia quanh rìa mặt đồng hồ, vạch giờ và vạch phút được cấu hình riêng.

  • Màu vạch chia: màu của mọi vạch chia, mặc định là màu đen
  • Hiện vạch giờ / Chiều dài vạch giờ / Độ dày vạch giờ / Khoảng lệch vạch giờ: bật hoặc tắt 12 vạch giờ dài hơn và điều khiển kích thước cùng khoảng cách của chúng so với rìa
  • Hiện vạch phút / Chiều dài vạch phút / Độ dày vạch phút / Khoảng lệch vạch phút: bật hoặc tắt 60 vạch phút ngắn hơn và điều khiển kích thước cùng khoảng cách của chúng so với rìa
Bảng Vạch chia với Màu vạch chia, Hiện vạch giờ cùng các thanh trượt chiều dài/độ dày/khoảng lệch, và phần đầu của các điều khiển vạch phút

Số

Điều khiển các chữ số in quanh mặt đồng hồ.

  • Kiểu số: chọn Số (1, 2, 3...), La Mã (I, II, III...), hoặc Không để ẩn hoàn toàn các con số
  • Màu số: mặc định là màu đen
  • Cỡ số: tính theo phần trăm
  • Khoảng cách từ tâm: mức độ gần của các con số so với mép mặt đồng hồ
Bảng Số với Kiểu số đặt là Số, và các trường Màu số, Cỡ số và Khoảng cách từ tâm

Chuyển Kiểu số sang La Mã sẽ lập tức vẽ lại mặt đồng hồ với chữ số La Mã thay cho chữ số thường.

Bảng Số với Kiểu số đặt là La Mã, canvas hiển thị mặt đồng hồ được vẽ lại với chữ số La Mã

AM/PM

Điều khiển nhãn AM/PM nhỏ in trên mặt đồng hồ. Nhãn này luôn hiển thị bất kể thiết lập Định dạng giờ trong phần Nội dung, vì thiết lập đó chỉ ảnh hưởng đến cách đặt nhãn cho nút bộ chọn giờ trên storefront, không ảnh hưởng đến mặt đồng hồ.

  • Hiện AM/PM: được chọn sẵn theo mặc định
  • Màu chữ: mặc định là màu đen
  • Cỡ chữ: tính theo phần trăm
  • Khoảng cách từ tâm: khoảng cách của nhãn so với tâm mặt đồng hồ
Bảng AM/PM với Hiện AM/PM được chọn, và các trường Màu chữ, Cỡ chữ và Khoảng cách từ tâm

Kim

Điều khiển kim giờ và kim phút. Không có kim giây, đồng hồ luôn chỉ hiển thị giờ và phút.

  • Màu kim: áp dụng cho cả hai kim, mặc định là màu đen
  • Bán kính chấm giữa: kích thước chấm trục ở tâm mặt đồng hồ
  • Kim giờ: có Chiều dài, Chiều rộng và Kiểu đầu kim riêng (Bo tròn, Phẳng hoặc Nhọn)
  • Kim phút: có Chiều dài, Chiều rộng và Kiểu đầu kim riêng, với ba lựa chọn giống nhau
Bảng Kim với Màu kim, Bán kính chấm giữa, và các trường Chiều dài và Chiều rộng của Kim giờ

Font chữ

Điều khiển font dùng cho các con số trên mặt đồng hồ.

  • Font mặc định: tìm và chọn một font
  • Cá nhân hoá font: cho phép khách hàng tự đổi font
Bảng Font chữ với ô tìm kiếm Font mặc định và ô đánh dấu Cá nhân hoá font

Biến đổi

Các điều khiển tiêu chuẩn Chiều rộng, Chiều cao, X, Y, Nghiêng X, Nghiêng Y, căn chỉnh, lật, Độ mờ và Góc xoay để định vị đồng hồ trên canvas, cùng bảng Biến đổi dùng chung với các loại tuỳ chọn dựa trên canvas khác.

Điều kiện

Giống hầu hết các loại tuỳ chọn, Đồng hồ hỗ trợ điều kiện riêng, nên bạn có thể hiện hoặc ẩn nó dựa trên một lựa chọn trong bộ tuỳ chọn. Xem hướng dẫn Bộ tuỳ chọn có điều kiện (Conditional Option Sets) nếu bạn muốn thiết lập.

Cập nhật ngày: 20/07/2026