登录
当前位置： 首页 > 知识库问答 >
问题：

为WooCommerce中的变体添加并显示多个自定义字段

丌官坚秉
2023-03-14

添加附加自定义域时，我做错了什么？

我的代码：

   // Add a custom field to variation settings
add_action( 'woocommerce_product_after_variable_attributes', 'variation_settings_fields', 10, 3 );
function variation_settings_fields( $loop, $variation_data, $variation ) {

    // Text Field
    woocommerce_wp_text_input( 
        array( 
            'id'          => '_model[' . $variation->ID . ']', 
            'label'       => __( 'model', 'woocommerce' ), 
            'placeholder' => 'http://',
            'desc_tip'    => 'true',
            'description' => __( 'Enter the custom value here.', 'woocommerce' ),
            'value'       => get_post_meta( $variation->ID, '_model', true )
        )
    );

    // Text Field
    woocommerce_wp_text_input( 
        array( 
            'id'          => '_wattage[' . $variation->ID . ']', 
            'label'       => __( 'wattage', 'woocommerce' ), 
            'placeholder' => 'http://',
            'desc_tip'    => 'true',
            'description' => __( 'Enter the custom value here.', 'woocommerce' ),
            'value'       => get_post_meta( $variation->ID, '_wattage', true )
        )
    );

    // Text Field
    woocommerce_wp_text_input( 
        array( 
            'id'          => '_lumen[' . $variation->ID . ']', 
            'label'       => __( 'lumen', 'woocommerce' ), 
            'placeholder' => 'http://',
            'desc_tip'    => 'true',
            'description' => __( 'Enter the custom value here.', 'woocommerce' ),
            'value'       => get_post_meta( $variation->ID, '_lumen', true )
        )
    );

    // Text Field
    woocommerce_wp_text_input( 
        array( 
            'id'          => '_material[' . $variation->ID . ']', 
            'label'       => __( 'material', 'woocommerce' ), 
            'placeholder' => 'http://',
            'desc_tip'    => 'true',
            'description' => __( 'Enter the custom value here.', 'woocommerce' ),
            'value'       => get_post_meta( $variation->ID, '_material', true )
        )
    );

    // Text Field
    woocommerce_wp_text_input( 
        array( 
            'id'          => '_dimension[' . $variation->ID . ']', 
            'label'       => __( 'dimension', 'woocommerce' ), 
            'placeholder' => 'http://',
            'desc_tip'    => 'true',
            'description' => __( 'Enter the custom value here.', 'woocommerce' ),
            'value'       => get_post_meta( $variation->ID, '_dimension', true )
        )
    );

    // Text Field
    woocommerce_wp_text_input( 
        array( 
            'id'          => '_year[' . $variation->ID . ']', 
            'label'       => __( 'year', 'woocommerce' ), 
            'placeholder' => 'http://',
            'desc_tip'    => 'true',
            'description' => __( 'Enter the custom value here.', 'woocommerce' ),
            'value'       => get_post_meta( $variation->ID, '_year', true )
        )
    );

}
    


    // Save custom field value from variation settings
add_action( 'woocommerce_admin_process_variation_object', 'save_variation_settings_fields', 10, 2 );
function save_variation_settings_fields( $variation, $loop ) {
    if( isset($_POST['_model'][$loop]) ) {
        $variation->update_meta_data( '_model', sanitize_text_field($_POST['_model'][$loop]) );
    }
    if( isset($_POST['_wattage'][$loop]) ) {
        $variation->update_meta_data( '_wattage', sanitize_text_field($_POST['_wattage'][$loop]) );
    }
    if( isset($_POST['_lumen'][$loop]) ) {
        $variation->update_meta_data( '_lumen', sanitize_text_field($_POST['_lumen'][$loop]) ); 
    }
    if( isset($_POST['_material'][$loop]) ) {
        $variation->update_meta_data( '_material', sanitize_text_field($_POST['_material'][$loop]) );  
    }
    if( isset($_POST['_dimension'][$loop]) ) {
        $variation->update_meta_data( '_dimension', sanitize_text_field($_POST['_dimension'][$loop]) );
    }
    if( isset($_POST['_year'][$loop]) ) {
        $variation->update_meta_data( '_year', sanitize_text_field($_POST['_year'][$loop]) );
    }
}

// Add variation custom field to single variable product form
add_filter( 'woocommerce_available_variation', 'add_variation_custom_field_to_variable_form', 10, 3 );
function add_variation_custom_field_to_variable_form( $variation_data, $product, $variation ) {
    $variation_data['model'] = $variation->get_meta('_model');
    $variation_data['wattage'] = $variation->get_meta('_wattage');
    $variation_data['lumen'] = $variation->get_meta('_lumen');
    $variation_data['material'] = $variation->get_meta('_material');
    $variation_data['dimension'] = $variation->get_meta('_dimension');
    $variation_data['year'] = $variation->get_meta('_year');

    return $variation_data;
}

add_action( 'woocommerce_product_additional_information', 'add_html_container_to_display_selected_variation_custom_field' );
function add_html_container_to_display_selected_variation_custom_field( $product ){
    echo '<div class="custom_variation-text-field"></div>';
}
        
// Display selected variation custom field value to product the tab
add_action( 'woocommerce_after_variations_form', 'display_selected_variation_custom_field_js' );
function display_selected_variation_custom_field_js(){
    ?>
    <script type="text/javascript">
    (function($){
        $('form.cart').on('show_variation', function(event, data) {
            $('.custom_variation-text-field').text(data.text_field);
        }).on('hide_variation', function(event) {
            $('.custom_variation-text-field').text('');
        });
    })(jQuery);
    </script>
    <?php
}

共有1个答案

鲁靖
2023-03-14

为了保存数据，我对第一个函数做了一些修改（第二个保持不变）：

// Add a custom field to variation settings
add_action( 'woocommerce_product_after_variable_attributes', 'variation_settings_fields', 10, 3 );
function variation_settings_fields( $loop, $variation_data, $variation ) {

    woocommerce_wp_text_input( array(
        'id'          => '_model[' . $loop . ']',
        'label'       => __( 'model', 'woocommerce' ),
        'placeholder' => '',
        'desc_tip'    => 'true',
        'description' => __( 'This is the description text...', 'woocommerce' ),
        'value'       => get_post_meta( $variation->ID, '_model', true )
    ) );

    woocommerce_wp_text_input(
        array(
        'id'          => '_wattage[' . $loop . ']',
        'label'       => __( 'wattage', 'woocommerce' ),
        'placeholder' => '',
        'desc_tip'    => 'true',
        'description' => __( 'This is the description text...', 'woocommerce' ),
        'value'       => get_post_meta( $variation->ID, '_wattage', true )
    ) );

    woocommerce_wp_text_input( array(
        'id'          => '_lumen[' . $loop . ']',
        'label'       => __( 'lumen', 'woocommerce' ),
        'placeholder' => '',
        'desc_tip'    => 'true',
        'description' => __( 'This is the description text...', 'woocommerce' ),
        'value'       => get_post_meta( $variation->ID, '_lumen', true )
    ) );

    woocommerce_wp_text_input( array(
        'id'          => '_material[' . $loop . ']',
        'label'       => __( 'material', 'woocommerce' ),
        'placeholder' => '',
        'desc_tip'    => 'true',
        'description' => __( 'This is the description text...', 'woocommerce' ),
        'value'       => get_post_meta( $variation->ID, '_material', true )
    ) );

    woocommerce_wp_text_input( array(
        'id'          => '_dimension[' . $loop . ']',
        'label'       => __( 'dimension', 'woocommerce' ),
        'placeholder' => '',
        'desc_tip'    => 'true',
        'description' => __( 'This is the description text...', 'woocommerce' ),
        'value'       => get_post_meta( $variation->ID, '_dimension', true )
    ) );

    woocommerce_wp_text_input( array(
        'id'          => '_year[' . $loop . ']',
        'label'       => __( 'year', 'woocommerce' ),
        'placeholder' => 'http://',
        'desc_tip'    => 'true',
        'description' => __( 'Enter the custom value here.', 'woocommerce' ),
        'value'       => get_post_meta( $variation->ID, '_year', true )
    ) );
}

// Save custom field value from variation settings
add_action( 'woocommerce_admin_process_variation_object', 'save_variation_settings_fields', 10, 2 );
function save_variation_settings_fields( $variation, $loop ) {
    if( isset($_POST['_model'][$loop]) ) {
        $variation->update_meta_data( '_model', sanitize_text_field($_POST['_model'][$loop]) );
    }
    if( isset($_POST['_wattage'][$loop]) ) {
        $variation->update_meta_data( '_wattage', sanitize_text_field($_POST['_wattage'][$loop]) );
    }
    if( isset($_POST['_lumen'][$loop]) ) {
        $variation->update_meta_data( '_lumen', sanitize_text_field($_POST['_lumen'][$loop]) );
    }
    if( isset($_POST['_material'][$loop]) ) {
        $variation->update_meta_data( '_material', sanitize_text_field($_POST['_material'][$loop]) );
    }
    if( isset($_POST['_dimension'][$loop]) ) {
        $variation->update_meta_data( '_dimension', sanitize_text_field($_POST['_dimension'][$loop]) );
    }
    if( isset($_POST['_year'][$loop]) ) {
        $variation->update_meta_data( '_year', sanitize_text_field($_POST['_year'][$loop]) );
    }
}

它应该更好地工作自定义字段，数据到数据库，并显示保存的值在管理。

现在前端显示部分是错误的（你的最后2个功能）。

// Add variation custom field to single variable product form
add_filter( 'woocommerce_available_variation', 'add_variation_custom_field_to_variable_form', 10, 3 );
function add_variation_custom_field_to_variable_form( $variation_data, $product, $variation ) {
    $variation_data['model'] = $variation->get_meta('_model');
    $variation_data['wattage'] = $variation->get_meta('_wattage');
    $variation_data['lumen'] = $variation->get_meta('_lumen');
    $variation_data['material'] = $variation->get_meta('_material');
    $variation_data['dimension'] = $variation->get_meta('_dimension');
    $variation_data['year'] = $variation->get_meta('_year');

    return $variation_data;
}

add_action( 'woocommerce_product_additional_information', 'add_html_container_to_display_selected_variation_custom_field' );
function add_html_container_to_display_selected_variation_custom_field( $product ){
    echo '<div class="custom_variation-text-field">aaa</div>';
}

// Display selected variation custom field value to product the tab
add_action( 'woocommerce_after_variations_form', 'display_selected_variation_custom_field_js' );
function display_selected_variation_custom_field_js(){
    ?>
    <script type="text/javascript">
    (function($){
        var a = '.custom_variation-text-field', b = $(a).html();

        $('form.cart').on('show_variation', function(event, data) {
            outputHtml = '';

            if( data.model ) {
                outputHtml += '<span><strong><?php _e("Model"); ?><strong>: '+data.model+'<span><br>';
            }
            if( data.wattage ) {
                outputHtml += '<span><strong><?php _e("Wattage"); ?><strong>: '+data.wattage+'<span><br>';
            }
            if( data.lumen ) {
                outputHtml += '<span><strong><?php _e("Lumen"); ?><strong>: '+data.lumen+'<span><br>';
            }
            if( data.material ) {
                outputHtml += '<span><strong><?php _e("Material"); ?><strong>: '+data.material+'<span><br>';
            }
            if( data.dimension ) {
                outputHtml += '<span><strong><?php _e("Dimension"); ?><strong>: '+data.dimension+'<span><br>';
            }
            if( data.year ) {
                outputHtml += '<span><strong><?php _e("Year"); ?><strong>: '+data.year+'<span>';
            }
            if( outputHtml ) {
                $(a).html(outputHtml);
            }
        }).on('hide_variation', function(event) {
            $(a).html(b);
        });
    })(jQuery);
    </script>
    <?php
}
 类似资料：
  • 在WooCommerce产品变体中显示ACF自定义字段

    我成功地在后端的产品变化中的WooCommerce中创建了一个ACF自定义字段。该字段在每个变化中正确显示。 但是在编辑变体中的此字段或其他字段后，我无法再保存整个变体选项卡。加载/保存指示器圆圈继续无限旋转。并且定制字段未显示在前端的单个产品变体中。 我所做的是将以下代码添加到我的： 任何帮助都将不胜感激。

  • Woocommerce：从产品变体中获取自定义字段，并将其作为变体价格的后缀显示

    我试图从产品变体的自定义数字字段中获取一个值，并将其作为变体价格的后缀与自定义文本一起显示。 null

  • WooCommerce：添加/显示产品或变化自定义字段无处不在

    目前正在使用WordPress 5.1.1和WooCommerce 3.5.7。我的WooCommerce商店有大约500种产品，由简单和多变的产品组成。 每个产品自然都有一个SKU，但每个产品也有一个称为“商品代码”的唯一ID代码。我向特定行业销售特定产品。 我已经在我的functions.php文件中添加了简单和可变产品的自定义字段的代码，目前效果很好。 我的问题是，我试图让“商品代码”出现在

  • 显示woocommerce缺货产品变体的自定义div块

    在Woocommerce中，我试图使一个定制的div容器在可变产品的变体缺货时可见，但在缺货时可用。

  • 向WooCommerce产品变体添加高级自定义域

    我正在使用名为高级定制字段(ACF)和WooCommerce的插件。我想为WooCommerce产品变体创建一个文本和图像字段。我在ACF中创建了字段，并将它们分配给。 但是在下没有看到这些字段。我搜索了，看起来我必须写一个自定义代码来适应这些字段。我试着搜索这个问题，我创建的大多数建议和教程都是关于通过代码创建自定义字段，而不是使用ACF，这对我没有帮助，因为字段必须使用ACF，这是因为我使用V

  • woocommerce变体/添加到购物车未显示

    如果有人能给我一个提示，表明我做错了什么，那将是一个很大的帮助。

相关问答

向WooCommerce产品变体添加高级自定义域woocommerce变体/添加到购物车未显示显示WooCommerce自定义分类ACF字段将产品自定义字段添加到购物车，并在WooCommerce中随处显示它们在WooCommerce中添加自定义结账多选字段并更新订单元

相关文章

Tkinter中的真正自定义字体PowerShell中定义多个变量并赋值的例子Swift自定义字体XcodeDjango Rest Framework-如何在ModelSerializer中添加自定义字段C#自定义DataGridViewColumn显示TreeView

相关阅读

PDFBox添加多行文档XQuery自定义函数HttpClient自定义HTTP头Bootstrap4 自定义表单Vue.js 自定义指令

相关工具

自定义数字键盘自定义的TabBarUIWebview字体变大变小自定义UITabBar自定义NavigationBar

相关文档

WooCommerce 散装教程Java 并发性和多线程Web.py Cookbook 简体中文版Java 并发中文教程Python 并发中文教程
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.