我想添加一個下拉菜單，訪問者可以在其中選擇 12 個月，然后根據(jù)該選擇，分期顯示每月的價格。假設我有一個價格為120 美元的產(chǎn)品。橫幅將告知客戶：“您可以在 installemets 中購買商品，選擇號碼”例如，客戶將選擇 3 個月，在下拉菜單下方的橫幅中，結(jié)果將為40 美元/月目前我的代碼只能使用 12 個月。add_action( 'woocommerce_after_add_to_cart_button', 'show_installments', 20 );function show_installments() { global $product; $id = $product->get_id(); $product = wc_get_product( $id ); $a = $product->get_price(); $b = 12; $min = 25; $c = round( $a / $b, 2); if ($a > $min) { echo '<p class="p2_installments_12months">Purchase with'.$c.'€ per month for 12 months </p>'; } }
1 回答
HUH函數(shù)
TA貢獻1836條經(jīng)驗 獲得超4個贊
可以使用下面的代碼，注意jQuery下拉框和編輯文本的交互也是需要的
function show_installments() {
global $product;
// Get product id
$product_id = $product->get_id();
// Get price
$price = $product->get_price();
// Set min price
$min_price = 25;
if ( $price > $min_price ) {
echo '<div class="my_select_box">';
woocommerce_form_field( 'month_options', array(
'type' => 'select',
'label' => __('You can purchase the item in installemets, select the the number'),
'required' => false,
'return' => false,
'options' => array(
'' => 'Select...',
'1' => '1 month',
'2' => '2 months',
'3' => '3 months',
'4' => '4 months',
'5' => '5 months',
'6' => '6 months',
'7' => '7 months',
'8' => '8 months',
'9' => '9 months',
'10' => '10 months',
'11' => '11 months',
'12' => '12 months',
)
), '' );
echo '</div>';
echo '<div class="p2_installments_12months"></div>';
?>
<script type="text/javascript">
jQuery(document).ready(function ($) {
var product_price = <?php echo $product->get_price(); ?>;
$( '[name=month_options]' ).change(function() {
var dropdown_val = this.value;
if ( dropdown_val >= 1 ) {
var price_per_month = ( product_price / dropdown_val ).toFixed(2);
$( '.p2_installments_12months' ).html( '<p class="p2_installments_12months">Purchase with ' + price_per_month + ' € per month for 12 months </p>' );
} else {
$( '.p2_installments_12months' ).html( '<p class="p2_installments_12months"></p>' );
}
});
});
</script>
<?php
}
}
add_action( 'woocommerce_after_add_to_cart_button', 'show_installments', 20 );
- 1 回答
- 0 關注
- 138 瀏覽
添加回答
舉報
0/150
提交
取消