在购物车按钮旁边显示产品的计数器

Question

如何在我的产品页面（而不是详细信息产品页面）上的购物车按钮旁边添加计数器，它会显示在下面的图片中 有人能告诉我应该使用哪个插件或任何其他建议吗？ 先谢谢你了！

Answer 1

要在商店归档页面中显示简单产品的数量输入字段，您可以将以下代码添加到活动主题的 functions.php 文件中。

/**
 * Code should be placed in your theme functions.php file.
 */
add_filter( 'woocommerce_loop_add_to_cart_link', 'quantity_inputs_for_woocommerce_loop_add_to_cart_link', 10, 2 );
function quantity_inputs_for_woocommerce_loop_add_to_cart_link( $html, $product ) {
    if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
        $html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="cart" method="post" enctype="multipart/form-data">';
        $html .= woocommerce_quantity_input( array(), $product, false );
        $html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';
        $html .= '</form>';
    }
    return $html;
}

Answer 2

我已将这个用于我不久前正在开展的项目。这可以满足您的需求，并且非常容易理解：https://gist.github.com/JeroenSormani/a3325bdbca57f59690c1#file-woocommerce-archive-page-quantity-field-php

所以你只需将其添加到functions.php并刷新......你可能需要这样做：

.archive .quantity {
    display: inline-block;
}

所以它显示正确。