0

次のコードを使用して、バリエーションとして 2 つのカスタム フィールドを作成しました (Remi Corso に感謝します)。

関数.php

バリエーション設定を追加

add_action( 'woocommerce_product_after_variable_attributes', 'variation_settings_fields', 10, 3 );

バリエーション設定の保存

add_action( 'woocommerce_save_product_variation', 'save_variation_settings_fields', 10, 2 );

バリエーション用の新しいフィールドを作成する

function variation_settings_fields( $loop, $variation_data, $variation ) {
    woocommerce_wp_text_input( 
        array( 
            'id'          => '_pdf_ficha_tecnica[' . $variation->ID . ']', 
            'label'       => __( 'PDF FICHA TÉCNICA', 'woocommerce' ), 
            'placeholder' => 'http://',
            'desc_tip'    => 'true',
            'description' => __( 'aqui', 'woocommerce' ),
            'value'       => get_post_meta( $variation->ID, '_pdf_ficha_tecnica', true )
        )
    );  
    woocommerce_wp_text_input( 
        array( 
            'id'          => '_pdf_ficha_caracteristicas[' . $variation->ID . ']', 
            'label'       => __( 'PDF FICHA CARACTERÍSTICAS', 'woocommerce' ), 
            'placeholder' => 'http://',
            'desc_tip'    => 'true',
            'description' => __( 'aqui', 'woocommerce' ),
            'value'       => get_post_meta( $variation->ID, '_pdf_ficha_caracteristicas', true )
        )
    );
}

バリエーション用に新しいフィールドを保存

function save_variation_settings_fields( $post_id ) {
    $text_field = $_POST['_pdf_ficha_tecnica'][ $post_id ];
    if( ! empty( $text_field ) ) {
        update_post_meta( $post_id, '_pdf_ficha_tecnica', esc_attr( $text_field ) );
    }
    $text_field = $_POST['_pdf_ficha_caracteristicas'][ $post_id ];
    if( ! empty( $text_field ) ) {
        update_post_meta( $post_id, '_pdf_ficha_caracteristicas', esc_attr( $text_field ) );
    }
}

これらのカスタム フィールドには URL が保存され、リンクとして表示されます。これらのフィールドを表示しようとしていますが、正しい解決策を見つけるのに苦労しています。

誰でも私を案内できますか？ファイル「variable.php」に焦点を当てる必要がありますか? そしてJS？または、フックでフィールドをレンダリングできますか?

前もって感謝します！

4

1 に答える 1

0

私が作成した次のコードは完全に機能します。私はJSが初めてで、改善できると確信しています。それが役立つことを願っています。カスタム フィールドを作成するには、REMI の投稿を参照してください。

説明: 「WC_Product Variable」オブジェクトを使用すると、製品バリエーションのカスタム フィールドを表示できます。

これらのフィールドを表示するには、jquery を使用しました。製品ページに示されているように、スパン "sku" の内容が参照されます。「variations.php」ファイル内のこのコード。

<?php

// With "WC_Product Variable" object I get the Custom Fields variations.

$product_id = $product->id;
$variation = new WC_Product_Variable( $product_id );
$arrvariations = $variation->get_children ();

// With foreach construct the div that will contain the Custom Fields

foreach ($arrvariations as $varid) {
    $cfvalone = get_post_meta( $varid, '_custom_field_one', true );
    $cfvaltwo = get_post_meta( $varid, '_custom_field_two', true );

// Check the Custom Fields are not empty

    if (!empty($cfvalone) or !empty($cfvaltwo) ) {

        $cfonecont = get_post_meta( $varid, '_custom_field_one', true );
        $cftwocont = get_post_meta( $varid, '_custom_field_two', true );
        $varsku = get_post_meta( $varid, '_sku', true );

// Built the DIV and embed SKU of the variation to be processed later by JS.
?>
    <div class="varskudiv" data-varskudiv="<? echo $varsku;?>" style="display:none;">
        <?php if (!empty($cfonecont)) {?>
            <a href="<? echo $cfonecont;?>">CUSTOM FIELD ONE</a>
        <?php } ?>
        <?php if (!empty($cftwocont)) {?>
            <a href="<? echo $cftwocont;?>">CUSTOM FIELD TWO</a>
        <?php } ?>
    </div>
    <? }}?>
    <br/>
<script>   
jQuery(document).ready(function( $ ) {
    // As we will take the contents of SPAN "sku" to create the JS 
    //we must consider that this SPAN is complete once the screen is loaded.

    $(window).bind("load", function() {
    woosku = $(".sku").text();
    // Now we map the DIV we created "varskudiv" and load those values in an ARRAY
    wooarrsku = $('div.varskudiv').map(function(){
        return $(this).data('varskudiv');
    }).get();
    // Now we make loop, if the values match show the DIV.
    var indexsku;
    for (indexsku = 0; indexsku < wooarrsku.length; indexsku++) {
    if (woosku == wooarrsku[indexsku]) {
        $('.varskudiv[data-varskudiv="'+ woosku +'"]').css( "display", "inline-block" );
        }
    }
    });
    // Once loaded the screen, if the SPAN "sku" changes, start the process again and hide the previous DIV displayed.

    $('.sku').bind("DOMSubtreeModified",function(){
      woosku = $(".sku").text();
        wooarrsku = $('div.varskudiv').map(function(){
            return $(this).data('varskudiv');
        }).get();
        var indexsku;
        for (indexsku = 0; indexsku < wooarrsku.length; indexsku++) {
        if (woosku == wooarrsku[indexsku]) {
            $('.varskudiv[data-varskudiv="'+ woosku +'"]').css( "display", "inline-block" );
            }
        else {$('.varskudiv[data-varskudiv="'+ wooarrsku[indexsku] +'"]').css( "display", "none" );
            }
        }
    });
});
</script>
于 2016-02-11T16:46:11.753 に答える