在WooCommerce产品存档页面上显示产品库图像

Question

有什么方法可以在WooCommerce的产品存档页面上显示产品库图像吗？

Answer 1

在主题的functions.php中添加以下代码。

    //* Add gallery thumbs to woocommerce shop page
    add_action('woocommerce_shop_loop_item_title','wps_add_extra_product_thumbs', 5);
    function wps_add_extra_product_thumbs() {

        if ( is_shop() ) {

            global $product;

            $attachment_ids = $product->get_gallery_attachment_ids();

            echo '<div class="product-thumbs">';

            foreach( array_slice( $attachment_ids, 0, 3 ) as $attachment_id ) {

                $thumbnail_url = wp_get_attachment_image_src( $attachment_id, 'thumbnail' )[0];

                echo '<img class="thumb" src="' . $thumbnail_url . '">';

            }

            echo '</div>';

        }

     }

此代码段将多余的缩略图直接放置在产品标题之前。我为此使用了优先级为5的钩子woocommerce_shop_loop_item_title（请参见第2行）。正确的位置取决于您使用的主题。

在此示例中，我仅显示前三个缩略图。如果要显示其他数量的缩略图，则需要调整以下行：foreach( array_slice( $attachment_ids, 0, 3 ) as $attachment_id ) {。将数字三更改为您喜欢的数字。