woocommerce根据客户输入在单个产品页面上更改价格

时间:2018-11-12 01:49:20

标签: javascript php wordpress woocommerce

在Woocommerce中,我想根据客户输入的长度和宽度来计算商品的价格。我想做一个比插件所允许的更复杂的计算。

我想简单地开始。如何获得两个输入字段,然后更改单个产品页面上的价格(当他们单击“添加到购物车”时,该价格会传递到购物车)。

我希望价格在单个产品页面上动态更新,所以我想需要一些JavaScript吗?

例如,如果我们希望价格为长x宽x 0.2(最终计算会更复杂,但现在使用它来演示如何操作)即可。

我有以下代码来在单个产品页面上获得输入(表使它看起来更好看):

//Show Input on Single Product Page
function macb_custom_options(){
    $width1 = isset( $_POST['_macb_prod_width'] ) ? intval( sanitize_text_field( $_POST['_macb_prod_width'] ) ) : '';
    $length1 = isset( $_POST['_macb_prod_length'] ) ? intval( sanitize_text_field( $_POST['_macb_prod_length'] ) ): '';
    echo "<table><tr><td>";
    printf( '<label>%s</label></td><td><input size="10" name="_macb_prod_width" type="text" value="%s" />', __( 'Width (mm)'), esc_attr( $width1 ) );
    echo "</td></tr><tr><td>";
    printf( '<label>%s</label></td><td><input size="10" name="_macb_prod_length" type="text" value="%s" />', __( 'Length (mm)'), esc_attr( $length1 ) );
    echo "</td></tr></table>";      
}
add_action( 'woocommerce_before_add_to_cart_button', 'macb_custom_options', 9 );

谢谢!

0 个答案:

没有答案