对于自定义WooCommerce主题,我正在尝试实现以下目标:
我正在努力实现的例子。 http://www.blumeta.nl/tuininrichting/houtopslag/cortenstaal-houtopslag-500-x-hoogte-x-380mm
我真的不知道如何处理这个问题。任何人都可以帮助我如何实现这一目标。
所有帮助表示赞赏。
以下代码将显示在:
1)在“高级选项卡”下的后端单个产品设置,选择具有不同CF7表单的字段
您必须在第一个函数中设置CF7形成短代码:
// Select field options: HERE set the CF7 shortcodes and labels in the array
function product_cf7_form_options() {
$domain = 'woocommerce';
return array(
'' => __('Choose a form to enable it', $domain ), // Disabled choice
'[contact-form-7 id="381"]' => __( 'First Form label name (or title)', $domain ),
'[contact-form-7 id="382"]' => __( 'Second Form label name (or title)', $domain ),
);
}
// Admin: Add custom field to product "advanced" setting tab
add_filter( 'woocommerce_product_options_advanced', 'add_field_product_options_advanced', 20, 1 );
function add_field_product_options_advanced() {
$domain = 'woocommerce';
echo '<div class="option_group">';
woocommerce_wp_select( array(
'id' => '_enquiry_form',
'label' => __( 'Display a form (CF7)', $domain ),
'desc_tip' => true,
'description' => __( 'This will automatically insert your slider into the single product page', $domain ),
'options' => product_cf7_form_options(), // Get the array of options
) );
echo '</div>';
}
// Admin: Save custom field value from product "advanced" setting tab
add_action( 'woocommerce_process_product_meta', 'save_product_custom_field', 20, 1 );
function save_product_custom_field( $post_id ){
if( isset( $_POST['_enquiry_form'] ) )
update_post_meta( $post_id, '_enquiry_form', $_POST['_enquiry_form'] );
}
2)前面的单个产品页面下面添加到购物车按钮,选择CF7表格
下面的代码将显示“产品查询”按钮。如果客户点击按钮,它将消失,显示所选的联系表格7:
// Frontend: Custom button, display the selected product enquiry form
add_action( 'woocommerce_after_add_to_cart_button', 'display_single_product_inquiry_form', 10 );
function display_single_product_inquiry_form(){
global $product;
// Get the selected form
$enquiry_form = $product->get_meta('_enquiry_form');
// Ouput button and hidden selected form hselected form
if( ! empty($enquiry_form) ){
echo '<div id="enquiry-form" style="padding-top:12px;">
<p><a href="#" class="button">'.__("Product Enquiry", "woocommerce").'</a></p>
<div style="display:none;">' . do_shortcode( "$enquiry_form" ) . '</div></div>';
}
// Jquery
?>
<script type="text/javascript">
jQuery(function($){
var a = '#enquiry-form';
// On click hide button and show form.
$(a+' a').click(function(e){
e.preventDefault();
$(a+' > div').show();
$(this).hide();
});
})
</script>
<?php
}
所有代码都在您的活动子主题(或活动主题)的function.php文件中。测试和工作。