如何添加在Woocommerce產品圖像上銷售的熱屬性

Question

我想要一個產品圖像上的熱貼紙，就像SALE一樣。 所以我添加了一個函數添加複選框添加產品頁面下面的銷售價格。和它的工作正常，現在我想如果管理員檢查了熱門產品複選框，以便貼紙應顯示在產品圖像上。我有一個css類'熱門產品'。如果管理員選中熱門產品複選框，我如何在產品圖片上添加此類？

這裏是我的功能，用於在銷售價格下方添加複選框。

/ Display Fields 
add_action('woocommerce_product_options_general_product_data', 'woo_add_custom_general_field'); 

// Save Fields 
add_action('woocommerce_process_product_meta', 'woo_add_custom_general_fields_save'); 


function woo_add_custom_general_field() { 

global $woocommerce, $post; 

echo '<div class="options_group">'; 

// Checkbox 
woocommerce_wp_checkbox( 
array( 
'id'   => '_checkbox', 
'wrapper_class' => 'show_if_simple', 
'label'   => __('HOT Product', 'woocommerce'), 
'description' => __('Check for Hot Product', 'woocommerce') 
) 
); 

echo '</div>'; 

} 

function woo_add_custom_general_fields_save($post_id){ 

    $woocommerce_checkbox = isset($_POST['_checkbox']) ? 'yes' : 'no'; 
    update_post_meta($post_id, '_checkbox', $woocommerce_checkbox); 
} 

Answer 1

您上面的工作正常。現在你需要在前端顯示。 試試這個代碼：

add_action('woocommerce_before_single_product_summary','custom_hot_product'); 
function custom_hot_product(){ 
    global $product; 
    $is_hot = get_post_meta($product->id, '_checkbox', true); 
    if ('yes' == $is_hot) { 
    echo '<span class="hot-product"></span>'; 
    } 
} 

這增加了span與hot-product類，如果該複選框被選中。現在相應地設計它。