如何在Woocommerce的链接产品中添加更多自定义字段

时间:2017-07-19 19:37:47

标签: php wordpress woocommerce hook-woocommerce

感谢StackOverflow的所有开发人员。

我想在Woocommerce的Linked Product部分添加更多字段。这些字段应与Upsell / Crosssell类似。

到目前为止我的代码: -

add_action( 'woocommerce_product_options_linked_product_data', 'woocom_general_product_data_custom_field' );

 woocommerce_wp_text_input( 
    array( 
      'id' => '_upsizing_products', 
      'label' => __( 'Upsizing Products', 'woocommerce' ), 
      'placeholder' => 'Upsizing Products',
      'desc_tip' => 'true',
      'description' => __( 'Select Products Here', 'woocommerce' ) 
    )
  );

在上面的代码中,我需要组合框,例如,当您在输入框中键入3个字符时,它将显示可以选择的匹配产品列表。与Upsell / Cross Sell类似。

请有人帮我实现此自定义字段。在此先感谢。

编辑:任何人?

1 个答案:

答案 0 :(得分:7)

上面的代码中缺少一些内容。

  1. 您在第一行使用的钩子不存在。右钩子叫做woocommerce_product_options_related
  2. 您设计自定义字段的代码不在任何函数内。
  3. 您正在创建标准文本字段。如果您想要“选择产品” - 下拉列表,则应使用其他方法。 这应该在你正在使用的函数内部。
  4. 您缺少实际保存自定义字段数据的挂钩和功能
  5. 1。找到正确的挂钩/动作

    要找到要使用的正确挂钩,只需在WoocCommerce插件中搜索“woocommerce_product_options _”,就会出现大约6个PHP文件。其中一个文件名为“html-product-data-linked-products.php”。此文件包含该特定WooCommerce部分中的所有现有选项。它还包含用于显示这些选项的钩子。

    打开文件并检查出来。钩子位于页面的底部

      

    完整路径   /可湿性粉剂内容/插件/ woocommerce /包括/管理/ metaboxes /视图/

    2。创建下拉列表

    要创建包含产品搜索的选择下拉菜单,您需要的代码与上述代码完全不同。

    备用一段时间,你可以复制粘贴上面提到的文件中的一个现有选项,然后根据需要进行修改。

    所有这些都应该放在一个名为woocom_linked_products_data_custom_field()的函数中。

    <强> 2.1。修改ID /名称

    您需要在代码中修改的第一件事当然是字段的唯一ID /名称。 它位于label - 代码forselect - 代码idname

    在您的示例中,ID /名称应为upsizing_products,标签文字为Upsizing Products

    <label for="upsizing_products"><?php _e( 'Upsizing Product', 'woocommerce' ); ?></label>
    <select class="wc-product-search" multiple="multiple" style="width: 50%;" id="upsizing_products" name="upsizing_products[]" data-placeholder="<?php esc_attr_e( 'Search for a product&hellip;', 'woocommerce' ); ?>" data-action="woocommerce_json_search_products_and_variations" data-exclude="<?php echo intval( $post->ID ); ?>">
    
      

    注意:不要忘记放置[]和名称标签的末尾,否则您的数据将无法存储。

    <强> 2.2。显示已选择的产品

    接下来,就是在WooCommerce部分中显示和选择已经选择的产品并自行下拉。

    要执行此操作,请将$product_ids - 变量和整行替换为:

    $product_ids = get_post_meta( $post->ID, '_upsizing_products_ids', true );
    

    使用此功能,将从数据库中的自定义字段中检索产品ID,而不是现有选项之一(例如cross_sell_ids)

      

    注意: _upsizing_products_ids是数据库中的元键名称。与此键相关的元值包含所有字段数据。这用于存储和检索自定义字段。

    <强> 2.3。显示WooCommerce部分中的字段

    最后,该功能应该正确挂钩,因此可以显示在链接产品部分中:

    add_action( 'woocommerce_product_options_related', 'woocom_linked_products_data_custom_field' );
    

    3。保存并存储数据

    现在您的自定义字段显示在右侧部分中。接下来是将数据保存并存储在数据库中。

    在新函数中,使用$_POST从字段中检索数据,并使用update_post_meta将数据存储在包含post-ID的数据库中,唯一的field-id / name (元键)和它自己的数据(元值)

    function woocom_linked_products_data_custom_field_save( $post_id ){
        $product_field_type =  $_POST['upsizing_products'];
        update_post_meta( $post_id, '_upsizing_products_ids', $product_field_type );
    }
    add_action( 'woocommerce_process_product_meta', 'woocom_linked_products_data_custom_field_save' );
    

    这是完整的代码。将它放在主题functions.php或插件文件中:

    // Display the custom fields in the "Linked Products" section
    add_action( 'woocommerce_product_options_related', 'woocom_linked_products_data_custom_field' );
    
    // Save to custom fields
    add_action( 'woocommerce_process_product_meta', 'woocom_linked_products_data_custom_field_save' );
    
    
    // Function to generate the custom fields
    function woocom_linked_products_data_custom_field() {
        global $woocommerce, $post;
    ?>
    <p class="form-field">
        <label for="upsizing_products"><?php _e( 'Upsizing Product', 'woocommerce' ); ?></label>
        <select class="wc-product-search" multiple="multiple" style="width: 50%;" id="upsizing_products" name="upsizing_products[]" data-placeholder="<?php esc_attr_e( 'Search for a product&hellip;', 'woocommerce' ); ?>" data-action="woocommerce_json_search_products_and_variations" data-exclude="<?php echo intval( $post->ID ); ?>">
            <?php
                $product_ids = get_post_meta( $post->ID, '_upsizing_products_ids', true );
    
                foreach ( $product_ids as $product_id ) {
                    $product = wc_get_product( $product_id );
                    if ( is_object( $product ) ) {
                        echo '<option value="' . esc_attr( $product_id ) . '"' . selected( true, true, false ) . '>' . wp_kses_post( $product->get_formatted_name() ) . '</option>';
                    }
                }
            ?>
        </select> <?php echo wc_help_tip( __( 'Select Products Here.', 'woocommerce' ) ); ?>
    </p>
    
    <?php
    }
    
    // Function the save the custom fields
    function woocom_linked_products_data_custom_field_save( $post_id ){
        $product_field_type =  $_POST['upsizing_products'];
        update_post_meta( $post_id, '_upsizing_products_ids', $product_field_type );
    }
    

    要显示存储的数据,请使用_upsizing_products_ids

    echo get_post_meta( $post->ID, 'my-field-slug', true );
    
      

    有关WooCommerce的自定义字段的详细信息,请查看本指南Mastering WooCommerce Products Custom Fields