如何解决在 WooCommerce 中所选变体缺货时显示表单
在带有 Contact Form 7 plugin 的 WooCommerce 中,我使用以下代码在单个产品页面上为缺货的简单产品添加了一个表单:
add_action( 'woocommerce_single_product_summary','add_contact_form',30,2 );
function add_contact_form() {
global $product;
if( ! $product->is_in_stock( ) && ! $product->is_type('variable') ) {
echo do_shortcode('[contact-form-7 id="14880" title="Fiyat Sorunuz"]');
}
}
这种“缺货”表格适用于简单的产品:
但不适用于可变产品的“缺货”产品变体:
如何为已缺货的选定产品变体显示此表单?
感谢任何帮助。
解决方法
这需要对您的代码和一些 jQuery 代码进行一些更改,以根据所选的产品变体库存状态显示/隐藏可变产品的联系表单(和添加到购物车按钮)。
简单可变产品的替换代码:
add_action( 'woocommerce_single_product_summary','add_product_outofstock_contact_form',30,2 );
function add_product_outofstock_contact_form() {
global $product;
$contact_form = do_shortcode('[contact-form-7 id="14880" title="Fiyat Sorunuz"]');
if( $product->is_type('variable') ) {
echo '<div class="outofstock-form" style="display:none">' . $contact_form . '</div>';
} elseif( ! $product->is_in_stock() ) {
echo $contact_form;
}
}
add_action('woocommerce_after_variations_form','outofstock_product_variation_js');
function outofstock_product_variation_js() {
?>
<script type="text/javascript">
jQuery(function($) {
var contactFormObject = $('.outofstock-form'),addToCartButtonObj = $('.woocommerce-variation-add-to-cart');
$('form.variations_form').on('show_variation',function(event,data) { // No selected variation
if ( ! data.is_in_stock ) {
addToCartButtonObj.hide('fast');
contactFormObject.show('fast');
} else {
addToCartButtonObj.show('fast');
contactFormObject.hide('fast');
}
}).on('hide_variation',function() { // Not on selected variation
addToCartButtonObj.show('fast');
contactFormObject.hide('fast');
});
});
</script>
<?php
}
代码位于活动子主题(或活动主题)的functions.php 文件中。经测试有效。
相关:Pass the chosen product variations data into Contact Form 7 enquiry form
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。