نمایش فرم درخواست کالا در صفحه تکی محصولات ووکامرس

نمایش فرم درخواست کالا در صفحه تکی محصولات ووکامرس

نمایش فرم درخواست کالا در صفحه تکی محصولات ووکامرس

شما براحتی میتوانید در فروشگاه خود فرم درخواست کالا بسازید . بصورتی که از مشتریان و کاربران خود بخواهید چه نوع کالایی نیاز دارین تا برای شما فراهم کنیم. برای ایجاد چنین دکمه ای در فروشگاه ووکامرس کافیست کد های زیر را در functions.php قرار دهید

توجه : شما باید ابتدا افزونه ” فرم مخاطب 7 ” را نصب نمایید

// 1. Display Button and Echo CF7
 
add_action( 'woocommerce_single_product_summary', 'a4fran3_woocommerce_cf7_single_product', 30 );
 
function a4fran3_woocommerce_cf7_single_product() {
echo '<button type="submit" id="trigger_cf" class="single_add_to_cart_button button alt">Product Inquiry</button>';
echo '<div id="product_inq" style="display:none">';
echo do_shortcode('[paste_your_contact_form_7_shortcode_here]');
echo '</div>';
}
 
// --------------------------
// 2. Echo Javascript: 
// a) on click, display CF7
// b) and populate CF7 subject with Product Name
// c) and change CF7 button to "Close"
 
add_action( 'woocommerce_single_product_summary', 'a4fran3_on_click_show_cf7_and_populate', 40 );
 
function a4fran3_on_click_show_cf7_and_populate() {
   
  ?>
    <script type="text/javascript">
        jQuery('#trigger_cf').on('click', function(){
        if ( jQuery(this).text() == 'Product Inquiry' ) {
                    jQuery('#product_inq').css("display","block");
                    jQuery('input[name="your-subject"]').val('<?php the_title(); ?>');
            jQuery("#trigger_cf").html('Close'); 
        } else {
            jQuery('#product_inq').hide();
            jQuery("#trigger_cf").html('Product Inquiry'); 
        }
        });
    </script>
    <?php
       
}

نتیجه کد بالا :

فرم درخواست کالا

لینک کوتاه:

https://a4fran3.ir/?p=17841

guest
0 نظر
Inline Feedbacks
مشاهده همه نظرات

مطالب مشابه