Php 选择要下拉的产品表

如何在Woocommerce中将分组的产品表单/表格放入下拉菜单？我的一些产品有10多种“儿童产品”。因此，这个列表可能非常广泛。也许有一个数量框，只需下拉不同的选项就可以添加到购物车中？目前，我不知道是否有可能选择一个子产品来更改产品图像

以下是woo commerce的group.php文件：

<?php
/**
* Grouped product add to cart
*
 * @author      WooThemes
 * @package     WooCommerce/Templates
 * @version     2.1.7
 */

if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}

global $product, $post;

$parent_product_post = $post;

do_action( 'woocommerce_before_add_to_cart_form' ); ?>

<form class="cart" method="post" enctype='multipart/form-data'>
<table cellspacing="0" class="group_table">
    <tbody>
        <?php
            foreach ( $grouped_products as $product_id ) :
                $product = wc_get_product( $product_id );
                $post    = $product->post;
                setup_postdata( $post );
                ?>
                <tr>
                    <td>
                        <?php if ( $product->is_sold_individually() || ! $product->is_purchasable() ) : ?>
                            <?php woocommerce_template_loop_add_to_cart(); ?>
                        <?php else : ?>
                            <?php
                                $quantites_required = true;
                                woocommerce_quantity_input( array( 'input_name' => 'quantity[' . $product_id . ']', 'input_value' => '0' ) );
                            ?>
                        <?php endif; ?>
                    </td>

                    <td class="label">
                        <label for="product-<?php echo $product_id; ?>">
                            <?php echo $product->is_visible() ? '<a href="' . get_permalink() . '">' . get_the_title() . '</a>' : get_the_title(); ?>
                        </label>
                    </td>

                    <?php do_action ( 'woocommerce_grouped_product_list_before_price', $product ); ?>

                    <td class="price">
                        <?php
                            echo $product->get_price_html();

                            if ( $availability = $product->get_availability() ) {
                                $availability_html = empty( $availability['availability'] ) ? '' : '<p class="stock ' . esc_attr( $availability['class'] ) . '">' . esc_html( $availability['availability'] ) . '</p>';
                                echo apply_filters( 'woocommerce_stock_html', $availability_html, $availability['availability'], $product );
                            }
                        ?>
                    </td>
                </tr>
                <?php
            endforeach;

            // Reset to parent grouped product
            $post    = $parent_product_post;
            $product = wc_get_product( $parent_product_post->ID );
            setup_postdata( $parent_product_post );
        ?>
    </tbody>
</table>

<input type="hidden" name="add-to-cart" value="<?php echo esc_attr( $product->id ); ?>" />

<?php if ( $quantites_required ) : ?>

    <?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>

    <button type="submit" class="single_add_to_cart_button button alt"><?php echo $product->single_add_to_cart_text(); ?></button>

    <?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>

<?php endif; ?>

我在寻找同一问题的答案时遇到了这个问题。我有多个用户需要升级的订阅产品。当出现
woocommerce
分组产品页面时，它就像垃圾一样丑陋。我从页面的内部循环中移除了开关。将其替换为
$column\u id
的
数量
值的if语句。然后，我创造性地解决了将项目实际添加到购物车所需的正确表单元素的问题。我放置了另一个
隐藏的
输入，然后使用jQuery用下拉列表中选择的产品的正确的
名称
填写隐藏的输入。Bam全部解决，应用自定义样式并填充您想要的任何产品

<?php
    /**
     * Grouped product add to cart
     *
     * This template can be overridden by copying it to yourtheme/woocommerce/single-product/add-to-cart/grouped.php.
     *
     * HOWEVER, on occasion WooCommerce will need to update template files and you
     * (the theme developer) will need to copy the new files to your theme to
     * maintain compatibility. We try to do this as little as possible, but it does
     * happen. When this occurs the version of the template file will be bumped and
     * the readme will list any important changes.
     *
     * @see         https://docs.woocommerce.com/document/template-structure/
     * @package     WooCommerce/Templates
     * @version     3.4.0
     */

    defined( 'ABSPATH' ) || exit;

    global $product, $post;

    do_action( 'woocommerce_before_add_to_cart_form' ); ?>

    <form class="cart grouped_form" action="<?php echo esc_url( apply_filters( 'woocommerce_add_to_cart_form_action', $product->get_permalink() ) ); ?>" method="post" enctype='multipart/form-data'>


        <?php
          $quantites_required      = false;
          $previous_post           = $post;
          $grouped_product_columns = apply_filters( 'woocommerce_grouped_product_columns', array(
            'quantity',
            'label',
            'price',
          ), $product );
          $options = '';
          foreach ( $grouped_products as $grouped_product_child ) {
            $post_object        = get_post( $grouped_product_child->get_id() );
            $quantites_required = $quantites_required || ( $grouped_product_child->is_purchasable() && ! $grouped_product_child->has_options() );
            $post               = $post_object; // WPCS: override ok.
            setup_postdata( $post );

            //echo '<div id="product-' . esc_attr( $grouped_product_child->get_id() ) . '" class="card woocommerce-grouped-product-list-item ' . esc_attr( implode( ' ', wc_get_product_class( '', $grouped_product_child->get_id() ) ) ) . '">';

            // Output columns for each product.
            foreach ( $grouped_product_columns as $column_id ) {
              do_action( 'woocommerce_grouped_product_list_before_' . $column_id, $grouped_product_child );
              if ($column_id === 'quantity'){
                do_action( 'woocommerce_before_add_to_cart_quantity' );
                $options .= '<option value="quantity[' . $grouped_product_child->get_id() . ']">' . $grouped_product_child->get_name() .$grouped_product_child->get_price_html(). '</option>';
                do_action( 'woocommerce_after_add_to_cart_quantity' );
              }
              // switch ( $column_id ) {

              //   case 'label':
              //     $value  = '<div class="card-title" for="product-' . esc_attr( $grouped_product_child->get_id() ) . '">';
              //     $value .= $grouped_product_child->is_visible() ? '<span>' . $grouped_product_child->get_name() . '</span>' : $grouped_product_child->get_name();
              //     $value .= '</div>';
              //     break;
              //   case 'price':
              //     $value = $grouped_product_child->get_price_html() . wc_get_stock_html( $grouped_product_child );
              //     break;
              //   case 'quantity':
              //     ob_start();

              //     if ( ! $grouped_product_child->is_purchasable() || $grouped_product_child->has_options() || ! $grouped_product_child->is_in_stock() ) {
              //       woocommerce_template_loop_add_to_cart();
              //     } elseif ( $grouped_product_child->is_sold_individually() ) {
              //       echo '<input type="checkbox" name="' . esc_attr( 'quantity[' . $grouped_product_child->get_id() . ']' ) . '" value="1" class="wc-grouped-product-add-to-cart-checkbox" />';
              //     } else {
              //       do_action( 'woocommerce_before_add_to_cart_quantity' );

              //       woocommerce_quantity_input( array(
              //         'input_name'  => 'quantity[' . $grouped_product_child->get_id() . ']',
              //         'input_value' => isset( $_POST['quantity'][ $grouped_product_child->get_id() ] ) ? wc_stock_amount( wc_clean( wp_unslash( $_POST['quantity'][ $grouped_product_child->get_id() ] ) ) ) : 0,
              //         'min_value'   => apply_filters( 'woocommerce_quantity_input_min', 0, $grouped_product_child ),
              //         'max_value'   => apply_filters( 'woocommerce_quantity_input_max', $grouped_product_child->get_max_purchase_quantity(), $grouped_product_child ),
              //       ) );

              //       do_action( 'woocommerce_after_add_to_cart_quantity' );
              //     }

              //     $value = ob_get_clean();
              //     break;
              //   default:
              //     $value = '';
              //     break;
              // }

              //echo '<div class="card-body woocommerce-grouped-product-list-item__' . esc_attr( $column_id ) . '">' . apply_filters( 'woocommerce_grouped_product_list_column_' . $column_id, $value, $grouped_product_child ) . '</div>'; // WPCS: XSS ok.

              do_action( 'woocommerce_grouped_product_list_after_' . $column_id, $grouped_product_child );
            }
           // echo '</div>';

          }
          ?>
          <div class="row">
            <div class="col-6 mb-3">
              <?php
              echo '<select class="multi-prod form-control">'.$options.'</select>';
              echo '<input type="hidden" class="input-text qty text" name="" value="">';
              $post = $previous_post; // WPCS: override ok.
              setup_postdata( $post );
              ?>
            </div>
          </div>

      <input type="hidden" name="add-to-cart" value="<?php echo esc_attr( $product->get_id() ); ?>" />

      <?php if ( $quantites_required ) : ?>

        <?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>

        <button type="submit" class="single_add_to_cart_button btn btn-success">Upgrade</button>

        <?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>

      <?php endif; ?>
    </form>

    <?php do_action( 'woocommerce_after_add_to_cart_form' ); ?>

测试了这个，看起来这个很有效。谢谢

$('.multi-prod').change(function(e){
      var  $this = $(this);
      $('.qty').attr('name', $this.val());
});

$('.multi-prod').change(function(e){
      var  $this = $(this);
      $('.qty').attr('name', $this.val());
});