ホームページ  >  記事  >  バックエンド開発  >  WooCommerce ドロップダウンで製品バリエーションの在庫状況を表示するにはどうすればよいですか?

WooCommerce ドロップダウンで製品バリエーションの在庫状況を表示するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-01 10:41:30373ブラウズ

How to Display Product Variation Stock Status in WooCommerce Dropdown?

WooCommerce ドロップダウンでの製品バリエーションの在庫ステータスの表示

概要

このチュートリアルでは、在庫ステータス (在庫あり/在庫切れ) を表示する必要性に対処します。 ) WooCommerce 製品ページのドロップダウン リスト内の製品バリエーション。 WooCommerce のコア関数を変更することで、各バリエーションの在庫状況情報を取得し、バリエーション オプションと一緒に表示できます。

コードの実装

  1. WordPress 子テーマの function.php を開きます。 file.
  2. 次の変更されたバージョンの wc_dropdown_variation_attribute_options 関数をコピーして貼り付けます:
<code class="php">function wc_dropdown_variation_attribute_options( $args = array() ) {
    $args = wp_parse_args( apply_filters( 'woocommerce_dropdown_variation_attribute_options_args', $args ), array(
        'options'          => false,
        'attribute'        => false,
        'product'          => false,
        'selected'         => false,
        'name'             => '',
        'id'               => '',
        'class'            => '',
        'show_option_none' => __( 'Choose an option', 'woocommerce' ),
    ) );

    $options               = $args['options'];
    $product               = $args['product'];
    $attribute             = $args['attribute'];
    $name                  = $args['name'] ? $args['name'] : 'attribute_' . sanitize_title( $attribute );
    $id                    = $args['id'] ? $args['id'] : sanitize_title( $attribute );
    $class                 = $args['class'];
    $show_option_none      = $args['show_option_none'] ? true : false;
    $show_option_none_text = $args['show_option_none'] ? $args['show_option_none'] : __( 'Choose an option', 'woocommerce' ); // We'll do our best to hide the placeholder, but we'll need to show something when resetting options.

    if ( empty( $options ) && ! empty( $product ) && ! empty( $attribute ) ) {
        $attributes = $product->get_variation_attributes();
        $options    = $attributes[ $attribute ];
    }

    $html = '';
    $html .= '' . esc_html( $show_option_none_text ) . '';

    if ( ! empty( $options ) ) {
        if ( $product && taxonomy_exists( $attribute ) ) {
            // Get terms if this is a taxonomy - ordered. We need the names too.
            $terms = wc_get_product_terms( $product->get_id(), $attribute, array( 'fields' => 'all' ) );

            foreach ( $terms as $term ) {
                if ( in_array( $term->slug, $options ) ) {
                    // Add the 'get_stock_status' function to retrieve and display the stock status
                    $stock_status = get_stock_status( $product, $attribute, $term->slug );
                    $html .= 'slug ) . '" ' . selected( sanitize_title( $args['selected'] ), $term->slug, false ) . '>' . esc_html( apply_filters( 'woocommerce_variation_option_name', $term->name ) ) . ' ' . $stock_status . ' ';
                }
            }
        } else {
            foreach ( $options as $option ) {
                // This handles lt 2.4.0 bw compatibility where text attributes were not sanitized.
                $selected = sanitize_title( $args['selected'] ) === $args['selected'] ? selected( $args['selected'], sanitize_title( $option ), false ) : selected( $args['selected'], $option, false );

                // Add the 'get_stock_status' function to retrieve and display the stock status
                $stock_status = get_stock_status( $product, $attribute, $option );
                $html .= '' . esc_html( apply_filters( 'woocommerce_variation_option_name', $option ) ) . '  ' . $stock_status . ' ';
            }
        }
    }

    $html .= '';

    echo apply_filters( 'woocommerce_dropdown_variation_attribute_options_html', $html, $args );
}</code>
  1. 次の関数をコピーして、変更された wc_dropdown_variation_attribute_options 関数の下に貼り付けます:
<code class="php">// Retrieve and display the stock status of a specific product variation
function get_stock_status( $product, $attribute, $term ) {
    foreach ( $product->get_available_variations() as $variation ) {
        if ( $variation['attributes'][$attribute] == $term ) {
            $stock = $variation['is_in_stock'] ? 'In Stock' : 'Out of Stock';
            break;
        }
    }
    return ' - (' . $stock . ')';
}</code>
  1. 変更した wc_dropdown_variation_attribute_options 関数を woocommerce_dropdown_variation_attribute_options_html フィルターにフックします。
<code class="php">add_filter( 'woocommerce_dropdown_variation_attribute_options_html', 'wc_dropdown_variation_attribute_options', 10, 2 );</code>
  1. functions.php ファイルを保存してアップロードします。

注: このコードは、商品のバリエーション属性が 1 つだけであることを前提としています。複数の属性を持つ商品の場合、どのような場合でも在庫状況を正しく表示するには、いくつかの変更が必要になる場合があります。

以上がWooCommerce ドロップダウンで製品バリエーションの在庫状況を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。