Woocommerce 分组产品图片

Question

我正在尝试在分组产品的名称和价格旁边包含产品缩略图。目前，一个父产品包括 20 个左右的子（分组）产品，默认情况下，页面仅在列表底部显示数量选择器、产品名称、价格和添加到购物车按钮。所有产品都列在一个大表中，一个在另一个下面，我想为每个单独的产品包含一个单独的产品图像。

目前，通过编辑 /single-product/add-to-cart/grouped.php 产品文件，我设法通过在 DIV 之后添加以下内容，使其显示小图像但仅显示主要父产品产品名称 php:

<div class="images">

<?php if ( has_post_thumbnail( $post_id ) ) { ?>

<a itemprop="image" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post_id ) ); ?>" class="zoom" rel="thumbnails" title="<?php echo get_the_title( get_post_thumbnail_id( $post_id ) ); ?>"><?php echo get_the_post_thumbnail( $post_id, apply_filters( 'grouped_product_large_thumbnail_size', 'shop_thumbnail' ), array( 
'title' => get_the_title( get_post_thumbnail_id( $post_id ) ), 
) ); ?></a>

<?php } ?>

</div>

我知道这个代码只是从捆绑的产品图片中复制的，但它是我得到的最接近的。你可以在这里看到我的意思的例子：

http://hallmark.digitalstorm.co.uk/product/luxor-custom-built-arrangement/

任何帮助将不胜感激，因为我知道我必须非常接近。

Answer 1

这是您正在寻找的代码：

add_action( 'woocommerce_grouped_product_list_before_price', 'woocommerce_grouped_product_thumbnail' );

function woocommerce_grouped_product_thumbnail( $product ) {
    $image_size = array( 20, 20 );  // array( width, height ) image size in pixel 
    $attachment_id = get_post_meta( $product->id, '_thumbnail_id', true );
    ?>
    <td class="label">
        <?php echo wp_get_attachment_image( $attachment_id, $image_size ); ?>
    </td>
    <?php
}

希望这将是有用的。