添加到购物车按钮与图像woocommerce归档的quentity

时间:2016-07-28 05:12:42

标签: wordpress woocommerce hook-woocommerce

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

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 );

enter image description here

1 个答案:

答案 0 :(得分:2)

您可以在函数文件中添加此挂钩。

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 );

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