Показать изображения галереи продуктов на странице архива продуктов 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>';

        }

     }

Этот фрагмент кода размещает дополнительные миниатюры непосредственно перед названием продукта.Для этого я использовал хук woocommerce_shop_loop_item_title с приоритетом 5 (см. Строку 2).Правильная позиция зависит от используемой темы.

В этом примере я отображаю только первые три миниатюры.Если вы хотите отобразить другое количество миниатюр, вам нужно настроить строку: foreach( array_slice( $attachment_ids, 0, 3 ) as $attachment_id ) {.Измените номер три на номер по своему вкусу.