添加到带有图像 woocommerce 下的数量字段的购物车按钮

Question

我想在单个产品页面的图片下添加 add to cart button with quantity 归档。我尝试了很多代码但没有运气。一个有效但有问题的代码是数量没有正确添加。我在 do_action( 'woocommerce_product_thumbnails' ); 钩子之前添加了下面的代码 my-theme/woocommerce/single-product/product-image.php。

if ( ! is_shop() && ! is_product_taxonomy() ) {
    $quantity_field = woocommerce_quantity_input( array(
        'input_name'  => 'product_id',
        'input_value' => ! empty( $product->cart_item['quantity'] ) ? $product->cart_item['quantity'] : 1,
        'max_value'   => $product->backorders_allowed() ? '' : $product->get_stock_quantity(),
        'min_value'   => 0,
    ), $product, false );

    $quantity_field = str_replace( array( '<div class="quantity">', "</div>" ), '', $quantity_field );
    echo str_replace( '<input ', '<input style="max-width: 70px" ', $quantity_field );
}

echo apply_filters( 'woocommerce_loop_add_to_cart_link',
    sprintf( '<a rel="nofollow" href="%s" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s">%s</a>',
        esc_url( $product->add_to_cart_url() ),
        esc_attr( isset( $quantity ) ? $quantity : 1 ),
        esc_attr( $product->id ),
        esc_attr( $product->get_sku() ),
        esc_attr( isset( $class ) ? $class : 'button' ),
        esc_html( $product->add_to_cart_text() )
    ),
$product );

Answer 1

您好，请在您的函数文件中添加此挂钩。

remove_action( 'woocommerce_single_product_summary','woocommerce_template_single_add_to_cart',30 );
add_action( 'woocommerce_product_thumbnails','woocommerce_template_single_add_to_cart',30 );

显示为默认厕所 http://screencast.com/t/u8giinLfKmzt

添加到带有图像 woocommerce 下的数量字段的购物车按钮

Add to cart button with quentity filed under image woocommerce

wordpress

woocommerce

hook-woocommerce