存檔/循環頁面上的 Woocommerce 產品倒數計時

Question

<p>我使用元鍵 <code>_sale_price_to</code> 進行了倒數計時以顯示銷售日期結束。請參閱下面的程式碼：</p>

add_shortcode( 'woocommerce_timer_two', 'sales_timer_countdown_product_two', 20 );
函數 sales_timer_countdown_product_two($atts) {
            提取（短代碼_atts（數組（
        'id'=>取得_ID(),
    ), $atts, 'woocommerce_timer_two') );

    全球$產品；
    
         // 如果沒有定義產品對象，我們從產品ID中取得它
    if ( !is_a($product, 'WC_Product') && get_post_type($id) === '產品' ) {
        $產品 = wc_get_product($id);
    }
    
    if ( is_a($product, 'WC_Product') ) {

    $sale_date = get_post_meta( $product->get_id(), '_sale_price_dates_to', true );
    
    if ( !empty( $sale_date ) ) {
        
        ？>
        <腳本>
            
        jQuery(函數($){
        「嚴格使用」；

        $('.countdown-counter').each( function() {
        var to = $(this).attr(“倒數計時”);
        var thisis = $(this);
        var 父親 = $(this).parent();
        var countDownDate = 
        

             <span class="倒數計數器"倒數計時=“”。 $html .'>></span>
        
;;
        <?php
    }
    }
}</pre>
<p>該程式碼適用於產品單頁面，但我需要它在存檔和循環頁面上。在存檔頁面上，所有產品都具有相同的倒數計時值。我想這是因為我無法為每個存檔項目提供屬性。 </p>
<p>可能有幫助的相關貼文：</p>
<ul>
<li>Link 1</li>
<li>Link 2</li>
</ul></p>

Answer 1

如果此程式碼在產品單頁面上運行，那麼您可以使用 WooCommerce 掛鉤在存檔/循環頁面中新增操作掛鉤。

範例：-

add_action( 'woocommerce_after_shop_loop_item_title', 'zillion_countdown_show_in_loop', 20 );
function zillion_countdown_show_in_loop()
{
    do_shortcode('[woocommerce_timer_two]');
 
}

已編輯

您可以使用新增的產品 ID 來替換該類別。

$('.countdown-counter<?php echo $product->get_id();?>')

同時替換 html 部分。

<div class="product-countdown">
    <span class="countdown-counter<?php echo $product->get_id(); ?>" countdown="'. $html .'"></span>
</div>