在循环中显示产品库中的第二张 WooCommerce 图像

Question

我正在使用此代码来显示 woocommerce 拇指：    <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $loop->post->ID ), 'single-post-thumbnail' );?><img src="<?php  echo $image[0]; ?>" data-id="<?php echo $loop->post->ID; ?>">但寻找解决方案如何显示产品库中的第二张图像。如何修改这段代码呢？

Answer 1

更新：以下将显示产品库中的第二张图片（第一张图片）：

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $loop->post->ID ), 'single-post-thumbnail' ); ?>

<img src="<?php  echo $image[0]; ?>" data-id="<?php echo $loop->post->ID; ?>">

<?php

// Get gallery images IDs

if( $gallery_image_ids = get_post_meta( $loop->post->ID, '_product_image_gallery', true ) ) :

    // Convert a coma separated string of Ids to an array of Ids

    $gallery_image_ids = explode(',', $gallery_image_ids);

    // Display the first image (optional)

    ?><img src="<?php echo wp_get_attachment_image_url( reset($gallery_image_ids), 'single-post-thumbnail'); ?>" data-id="<?php echo $loop->post->ID; ?>">

    <?php

    // Display the 2nd image (if it exists)

    if( isset( $gallery_image_ids[1] ) ) :

        ?><img src="<?php echo wp_get_attachment_image_url( $gallery_image_ids[1], 'single-post-thumbnail'); ?>" data-id="<?php echo $loop->post->ID; ?>">

    <?php endif; ?>

<?php endif; ?>