![](/img/trans.png)
[英]How to add custom field for upload PDF files in Woocommerce product in admin
[英]How to add more custom field in Linked Product of Woocommerce
感谢 StackOverflow 的所有开发人员。
我想在 Woocommerce 的链接产品部分添加更多字段。 这些字段应类似于追加销售/交叉销售。
到目前为止我的代码:-
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 个字符时,它会显示一个可以选择的匹配产品列表。 类似于追加销售/交叉销售。
请任何人帮我实现这个自定义字段。 提前致谢。
编辑:有人吗?
上面的代码中缺少几件事。
woocommerce_product_options_related
要找到要使用的正确挂钩,只需在 WoocCommerce 插件中搜索“woocommerce_product_options_” ,就会出现大约 6 个 PHP 文件。 这些文件之一称为"html-product-data-linked-products.php" 。 此文件包含该特定 WooCommerce 部分中的所有现有选项。 它还包含用于显示这些选项的钩子。
打开文件并检查它。 钩子在页面底部
完整路径: /wp-content/plugins/woocommerce/includes/admin/metaboxes/views/
要创建包含产品搜索的选择下拉列表,您需要一个与上述代码大不相同的代码。
空闲时间,您可以将现有选项之一复制粘贴到上述文件中,然后根据需要对其进行修改。
所有这些都应该放在一个名为: woocom_linked_products_data_custom_field()
的函数中。
2.1. 修改ID/名称
您需要在代码中修改的第一件事当然是字段的唯一 ID/名称。 这被放置在label
-tag ( for
)和select
-tag ( id
and 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…', '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 );
取而代之的是,从数据库中的自定义字段而不是现有选项之一(例如 cross_sell_ids)中检索产品 ID。
注意:
_upsizing_products_ids
是数据库中的元键名称。 与此键相关的元值包含您的所有字段数据。 这用于存储和检索自定义字段。
2.3. 在 WooCommerce 部分显示该字段
最后,该函数应该正确挂钩,以便它可以显示在Linked Products部分:
add_action( 'woocommerce_product_options_related', 'woocom_linked_products_data_custom_field' );
现在您的自定义字段显示在右侧部分中。 接下来是将数据保存并存储在数据库中。
在一个新函数中,使用$_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…', '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 自定义字段的更多信息。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.