Hiện thì đồng hồ đếm ngược thời gian giảm giá cho sản phẩm woocommerce

Hiện thì đồng hồ đếm ngược thời gian giảm giá cho sản phẩm đơn. Phần này khá là quan trọng để khuyến khích khách mua hàng mà theme lại không hỗ trợ. Nên này mình chia sẽ luôn cho ai cần.

Đầu tiên cần chèn đoạn code sau vào file functions.php của Child Theme.

<span class="_2cuy _19ii _2vxa"><span class="_7xn"><span class="com">/* Dev by Woovn */</span></span> </span><span class="_2cuy _19ii _2vxa"><span class="pln">add_shortcode</span><span class="pun">(</span><span class="str">'woovn_sale_date'</span><span class="pun">,</span> <span class="str">'sale_price_dates_to'</span><span class="pun">);</span></span><span class="_2cuy _19ii _2vxa"><span class="kwd">function</span><span class="pln"> sale_price_dates_to</span><span class="pun">()</span> <span class="pun">{</span></span><span class="_2cuy _19ii _2vxa"><span class="pln">	ob_start</span><span class="pun">();</span></span><span class="_2cuy _19ii _2vxa">	<span class="kwd">global</span><span class="pln"> $product</span><span class="pun">;</span></span><span class="_2cuy _19ii _2vxa"><span class="pln">	$sales_price_to </span><span class="pun">=</span><span class="pln"> get_post_meta</span><span class="pun">(</span><span class="pln">$product</span><span class="pun">-&gt;</span><span class="pln">get_id</span><span class="pun">(),</span> <span class="str">'_sale_price_da</span><span class="text_exposed_show"><span class="str">tes_to'</span><span class="pun">,</span> <span class="kwd">true</span><span class="pun">);</span></span></span><span class="text_exposed_show"><span class="_2cuy _19ii _2vxa">	<span class="kwd">if</span><span class="pun">(</span><span class="pln">is_single</span><span class="pun">()</span> <span class="pun">&amp;&amp;</span><span class="pln"> $product</span><span class="pun">-&gt;</span><span class="pln">is_on_sale</span><span class="pun">()</span> <span class="pun">&amp;&amp;</span><span class="pln"> $sales_price_to </span><span class="pun">!=</span> <span class="str">""</span><span class="pun">)</span> <span class="pun">{</span></span><span class="_2cuy _19ii _2vxa"><span class="pln">		$sales_price_year_to </span><span class="pun">=</span><span class="pln"> date</span><span class="pun">(</span><span class="str">"Y"</span><span class="pun">,</span><span class="pln"> $sales_price_to</span><span class="pun">);</span></span><span class="_2cuy _19ii _2vxa"><span class="pln">		$sales_price_month_date_to </span><span class="pun">=</span><span class="pln"> date</span><span class="pun">(</span><span class="str">"n"</span><span class="pun">,</span><span class="pln"> $sales_price_to</span><span class="pun">);</span></span><span class="_2cuy _19ii _2vxa"><span class="pln">		$sales_price_day_date_to </span><span class="pun">=</span><span class="pln"> date</span><span class="pun">(</span><span class="str">"j"</span><span class="pun">,</span><span class="pln"> $sales_price_to</span><span class="pun">);</span></span><span class="_2cuy _19ii _2vxa"><span class="pln">		echo do_shortcode</span><span class="pun">(</span> <span class="str">'[ux_countdown size="177" year="'</span><span class="pun">.</span><span class="pln">$sales_price_year_to</span><span class="pun">.</span><span class="str">'" month="'</span><span class="pun">.</span><span class="pln">$sales_price_month_date_to</span><span class="pun">.</span><span class="str">'" day="'</span><span class="pun">.</span><span class="pln">$sales_price_day_date_to</span><span class="pun">.</span><span class="str">'" time="00:00" t_week="Tuần" t_day="Ngày" t_hour="Giờ" t_min="Phút" t_sec="Giây" t_week_p="Tuần" t_day_p="Ngày" t_hour_p="Giờ" t_min_p="Phút" t_sec_p="Giây"]'</span> <span class="pun">);</span></span><span class="_2cuy _19ii _2vxa">	<span class="pun">}</span>	</span><span class="_2cuy _19ii _2vxa">	<span class="kwd">return</span><span class="pln"> ob_get_clean</span><span class="pun">();</span></span><span class="_2cuy _19ii _2vxa"><span class="pun">}</span></span></span>

/* Dev by Woovn */ add_shortcode('woovn_sale_date', 'sale_price_dates_to');function sale_price_dates_to() { ob_start(); global $product; $sales_price_to = get_post_meta($product->get_id(), '_sale_price_dates_to', true); if(is_single() && $product->is_on_sale() && $sales_price_to != "") { $sales_price_year_to = date("Y", $sales_price_to); $sales_price_month_date_to = date("n", $sales_price_to); $sales_price_day_date_to = date("j", $sales_price_to); echo do_shortcode( '[ux_countdown size="177" year="'.$sales_price_year_to.'" month="'.$sales_price_month_date_to.'" day="'.$sales_price_day_date_to.'" time="00:00" t_week="Tuần" t_day="Ngày" t_hour="Giờ" t_min="Phút" t_sec="Giây" t_week_p="Tuần" t_day_p="Ngày" t_hour_p="Giờ" t_min_p="Phút" t_sec_p="Giây"]' ); } return ob_get_clean();}

Sau đó chúng ta chỉ việc chèn shortcode sau vào Custom HTML trong Tùy biến ▸ WooCommerce ▸ Product Page

<span class="_2cuy _19ii _2vxa"><span class="pun">[</span><span class="pln">woovn_sale_date</span><span class="pun">]</span></span>

1	<span class="_2cuy _19ii _2vxa"><span class="pun">[</span><span class="pln">woovn_sale_date</span><span class="pun">]</span></span>

Chúc các bạn thành công. ????????????

Nguồn copy

Đánh giá nội dung này

Bài viết mới:

Tùy biến woocommerce

Hiện thì đồng hồ đếm ngược thời gian giảm giá cho sản phẩm woocommerce

Bài viết cùng chủ đề:

Cách tạo danh mục (table of content) cho mô tả danh mục bài viết và sản phẩm

Các hàm hook trong trang sản phẩm của Flatsome

Cách tùy chỉnh các trường trong trang checkout – WooCommerce

Ẩn các sản phẩm không muốn hiển thị trong trang danh mục woocommerce

AJAX Là gì? Ví dụ dùng AJAX trong WordPress

Tùy biến trang sản phẩm bằng các hook cơ bản trong single product woocommerce

Tạo 1 title UX Builder đơn giản, hiển thị danh mục sản phẩm woocommerce

Xử lý với các sản phẩm hết hàng trong woocommerce

Aiken Trung