Code FlashSale Countdown theme Flatsome

FlashSale Countdown là tính năng khá hay. Thời gian đếm ngược sản phẩm khuyến mãi, điều này cũng phần nào kích thích khách hàng mua sản phẩm của bạn.

Vì thế mình share code này trên theme Flatsome, thời gian tới sẽ update code sử dụng trên các theme khác.

Oke đi thẳng vào vấn đề. Flatsome có Custom Hook, khi sử dụng Custom Layout. Chọn element đấy vào vị trí muốn hiển thị countdown. (Nhớ chọn Hook này : flatsome_custom_single_product_1) .

Sau đấy chèn code bên dưới vào function.php của theme.

Trường hợp không dùng Custom layout hãy tham khảo các Hook tại trang single product, và thay thế Hook flatsome_custom_single_product_1 ở code trên.

Code trên mình tận dụng Shortcode ux_countdown của Flatsome cho tiện. Bây giờ làm đẹp code trên với Css.

Tải ảnh tại https://allin.isures.com/wp-content/themes/supper-market/images/bg-flashsale.jpg và up lên web của bạn nhé! Tránh trường hợp sau mất cái background.

Để code trên chạy thì bạn cần giá khuyến mãi sản phẩm, kèm theo ngày hết hạn khuyến mãi nhé.

Thành quả sẽ được như này

Flash sale countdown – tính năng đếm ngược thời gian khuyến mãi sản phẩm

Nếu anh em thấy hay hoặc gặp vấn đề gì khi add code vào theme hãy join group này để ae có thể hỗ trợ bạn.

Nguồn : https://thietkewebgiarehcm.com/code-flashsale-countdown-theme-flatsome

Trả lời

Google Ads Bảng giá Lý do nên chọn chúng tôi ? Quy trình quảng cáo Liên hệ nhận báo giá