Hiển thị countdown sản phẩm khuyến mãi ngoài trang chủ website WordPress

Hiển thị countdown sản phẩm – Nếu bạn đang dự định mở 1 chương trình ưu đãi có thời hạn đối với tất các sản phẩm trên website. Bạn muốn show countdown thời gian ưu đãi dưới phần giá của mỗi sản phẩm, để kích thích nhu cầu mua sắm của khách hàng. Hãy làm theo cách sau đây cực kỳ đơn giản nhé!

Hiển thị countdown sản phẩm

Hiển thị countdown sản phẩm khuyến mãi ngoài trang chủ website WordPress

Để hiển thị countdown sản phẩm thì bạn hãy làm theo các bước sau:

Bước 1: Chèn đoạn code vào file functions.php

Copy và chèn đoạn code sau vào file functions.php nhé: Giao diện > Theme file editor > function.php

//Hiển thị countdown sản phẩm ngoài trang chủ
function countdown_product(){
echo do_shortcode('[ux_countdown1 year="2021" month="08" day="30" time="15:00"]');
}
add_action('woocommerce_after_shop_loop_item','countdown_product',10);

Lưu ý: Để hiện code cho các bạn xem nên mình thêm số 1 vào sau ux_countdown. Khi các bạn copy về thì bỏ số 1 đi nhé!

Nhớ thay năm, tháng, ngày và thời gian kết thúc ưu đãi cho phù hợp với nhu cầu của bạn nhé.

Bước 2: Thêm phần CSS làm đẹp cho countdown

Bạn copy và thêm đoạn CSS cơ bản sau vào file style.css trong child theme hoặc Giao diện > Tuỳ biến > Add CSS

.ux-timer.dark span {
font-size: 11px;
}
.ux-timer.dark{
margin-top:-36px;
background-color:red;
}
.product-small.box {
height:300px;
}

Nếu bạn rành về CSS thì có thể tuỳ biến thêm nhé.
Chúc các bạn thành công hiển thị countdown sản phẩm . Nếu có thắc mắc hay gặp vấn đề gì hãy comment xuống bến dưới để mình hỗ trợ nha. Cảm ơn các bạn đã quan tâm đến hungshare.com.

Bài viết liên quan

Đánh giá bài viết

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *