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

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

DDD
リリース: 2024-10-29 14:27:02
オリジナル
1088 人が閲覧しました

How Can I Display the Stock Status for Individual Product Variations in the WooCommerce Product Page Dropdown?

WooCommerce 製品バリエーション ドロップダウンにバリエーションの在庫状況を追加する方法

問題:
在庫状況の表示WooCommerce 製品ページのバリエーション ドロップダウンで個々の製品バリエーションを確認できます。

解決策:

ドロップダウンで各バリエーションの在庫ステータスを表示するには、次の手順に従います。

add_filter( 'woocommerce_dropdown_variation_attribute_options_html', 'show_stock_status_in_dropdown', 10, 2);
function show_stock_status_in_dropdown( $html, $args ) {

    // Limiting to single attribute for variations (one dropdown)
    if( sizeof($args['product']->get_variation_attributes()) != 1 ) {
        return $html;
    }

    $options               = $args['options'];
    $product               = $args['product'];
    $attribute             = $args['attribute']; // The product attribute taxonomy
    $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' );

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

    $html = '<select id="' . esc_attr( $id ) . '" class="' . esc_attr( $class ) . '" name="' . esc_attr( $name ) . '" data-attribute_name="attribute_' . esc_attr( sanitize_title( $attribute ) ) . '" data-show_option_none="' . ( $show_option_none ? 'yes' : 'no' ) . '">';
    $html .= '<option value="">' . esc_html( $show_option_none_text ) . '</option>';

    if ( ! empty( $options ) ) {
        if ( $product && taxonomy_exists( $attribute ) ) {
            $terms = wc_get_product_terms( $product->get_id(), $attribute, array( 'fields' => 'all' ) );

            foreach ( $terms as $term ) {
                if ( in_array( $term->slug, $options ) ) {
                    // Function to get stock status text
                    $stock_status = get_stock_status_text( $product, $name, $term->slug );
                    $html .= '<option value="' . esc_attr( $term->slug ) . '" ' . selected( sanitize_title( $args['selected'] ), $term->slug, false ) . '>' . esc_html( apply_filters( 'woocommerce_variation_option_name', $term->name ) . $stock_status ) . '</option>';
                }
            }
        } else {
            foreach ( $options as $option ) {
                $selected = sanitize_title( $args['selected'] ) === $args['selected'] ? selected( $args['selected'], sanitize_title( $option ), false ) : selected( $args['selected'], $option, false );
                // Function to get stock status text
                $stock_status = get_stock_status_text( $product, $name, $option );
                $html .= '<option value="' . esc_attr( $option ) . '" ' . $selected . '>' . esc_html( apply_filters( 'woocommerce_variation_option_name', $option ) . $stock_status ) . '</option>';
            }
        }
    }
    $html .= '</select>';

    return $html;
}

function get_stock_status_text( $product, $name, $term_slug ){
    foreach ( $product->get_available_variations() as $variation ){
        if($variation['attributes'][$name] == $term_slug ) {
            $stock = $variation['is_in_stock'];
            break;
        }
    }
    return $stock == 1 ? ' - (In Stock)' : ' - (Out of Stock)';
}
ログイン後にコピー

使用法:

コードをアクティブな子テーマの function.php ファイルにコピーします。

メモ:

  • このコードは、商品にバリエーション属性が 1 つだけ (ドロップダウンが 1 つ) あることを前提としています。
  • 複数のバリエーション属性の場合は、追加の変更が必要になる場合があります。
  • 在庫状況テキストはバリエーション名の後に追加され、ダッシュで区切られ括弧で囲まれます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート