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

1 回答

• 7

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

  • 您在第一行使用的钩子不存在 . 右钩子被称为 woocommerce_product_options_related

  • 您设计自定义字段的代码不在任何函数内 .

  • 您正在创建标准文本字段 . 如果你想要"Select Product" -downdown，你应该使用另一种方法 . 这应该在你在钩子中使用的函数内部 .

  • 您缺少一个钩子和一个实际保存自定义字段数据的函数

  ---

  1.找到合适的挂钩/动作

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

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

  完整路径：/ wp-content / plugins / woocommerce / includes / admin / metaboxes / views /

  ---

  2.创建下拉列表

  要创建包含产品搜索的选择下拉列表，您需要与上述代码完全不同的代码 .

  闲置一段时间，您可以在上面提到的文件中复制粘贴一个现有选项，然后根据您的需要进行修改 .

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

  2.1. Modify the ID/name

  您需要在代码中修改的第一件事当然是该字段的唯一ID /名称 . 它位于 label -tag（ for ）和 select -tag（ id 和 name ）中 .

  在您的示例中，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. Show already chosen products

  接下来，就是在WooCommerce部分中展示和选择已经选择的产品以及它自己的下拉列表 .

  要执行此操作，请将 $product_ids 变量和整行替换为：

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

  相反，使用数据库中的自定义字段而不是现有选项之一（例如cross_sell_ids）检索产品ID .

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

  2.3. Display the field in the WooCommerce section

  最后，该函数应该正确挂钩，因此它可以显示在 Linked Products 部分：

  add_action( 'woocommerce_product_options_related', 'woocom_linked_products_data_custom_field' );
  

  ---

  3.保存并存储数据

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

  在新函数中，使用 $_POST 从字段中检索数据，并使用 update_post_meta 将数据存储在包含post-ID，唯一字段id /名称（元键）和自身数据的数据库中（meta-值） .

  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产品自定义字段，了解有关WooCommerce自定义字段的更多信息 .

  回复于 2024-04-29T16:00:32+08:00