Cửa hàng của bạn đang chạy chương trình khuyến mãi bán hàng trong thời gian có hạn và muốn hiển thị đồng hồ đếm ngược tính bằng mili giây để bạn có thể thu hút sự chú ý của khách truy cập web đến ưu đãi này. Với chủ đề Be Yours , bạn có thể thiết lập đồng hồ đếm ngược động này chỉ bằng vài bước đơn giản. Hãy cùng chúng tôi tìm hiểu thêm về cách hoàn tất cài đặt này trong trình chỉnh sửa chủ đề Be Yours qua bài viết này!
Thiết lập đồng hồ đếm ngược nâng cao từng bước
- Trên bảng điều khiển Quản trị viên Shopify, nhấp vào Cửa hàng trực tuyến > Chủ đề .
- Trên trang Chủ đề , chọn chủ đề Beyours và nhấp vào nút Tùy chỉnh của chủ đề.
- Tiếp theo, bạn điều hướng đến trang mà bạn muốn thêm đồng hồ đếm ngược. Ví dụ, tôi sẽ thêm nó vào trang chủ.
- Bạn kéo xuống menu bên trái Trang chủ , nhấn vào nút Thêm phần và chèn dòng chữ "đồng hồ đếm ngược" vào thanh tìm kiếm để tìm nhanh loại phần này.
- Sau khi thêm phần Đồng hồ đếm ngược , bạn có thể bắt đầu thực hiện một số cấu hình bao gồm chọn hình ảnh, bố cục, vị trí nội dung và căn chỉnh trên máy tính để bàn và thiết bị di động, v.v. Bạn cũng có thể thêm bất kỳ khối nào bạn muốn và thay đổi văn bản tiêu đề và cài đặt nút cho phần này.
- Để hiển thị đồng hồ đếm ngược với số ngày, giờ, phút, giây và mili giây còn lại, bạn cần cấu hình khối Countdown trong phần Countdown clock . Đặc biệt, bạn nên thêm dữ liệu vào trường Ngày kết thúc ở định dạng " {yyyy-mm-dd}T{hours:phút:seconds.milliseconds}{timezone} ".
Ví dụ: ưu đãi của bạn có sẵn cho đến ngày 31 tháng 12 năm 2022 lúc 11:59:59.456 PM theo múi giờ UTC+7 . Dữ liệu được thêm phải là " 2022-12-31T23:59:59.456+07:00 ". Nếu bạn không quan tâm đến số giây và mili giây trong quá trình đếm ngược, bạn có thể thay thế phần thời gian 59.456 bằng 00.000 .
- Đồng hồ đếm ngược sẽ được hiển thị ở mặt trước với các số đo thời gian động còn lại là ngày, giờ, phút và giây.
Chúng tôi hy vọng bạn thấy bài viết này hữu ích! Nếu bạn có bất kỳ thắc mắc nào về tính năng này, vui lòng liên hệ với nhóm của chúng tôi để được hỗ trợ thêm.
Share:
So sánh & Chọn: Đi sâu vào các tùy chọn với phần 'Bảng tùy chọn'
Làm cách nào để thêm video nền?