Служите меньшим изображениям в петле изображения ACF - PullRequest
Новая
       12

Служите меньшим изображениям в петле изображения ACF

0 голосов
/ 24 апреля 2019

У меня есть страница обзора продукта с 1 изображением на каждый продукт: https://axces.be/nl/product/

Вы можете добавить несколько изображений к продукту.Все эти изображения показаны на странице сведений.Но на странице продукта вы видите только первое изображение.

Мой шаблон выглядит так: 

<a href="<?php the_permalink(); ?>" class="single-prod">

    <div class="single-prod__image">
        <?php
            $productImages = get_field('product_images');
        ?>

        <img src="<?php echo $productImages[0]['product_image']?>" />
    </div>
</a>

Но теперь изображения отображаются в том размере, в котором они загружены.Это приводит к более медленному времени загрузки.Поэтому я хочу обслуживать изображения меньшего размера.

Я попытался добавить к нему уменьшенное изображение размера изображения, чтобы определить, лучше ли время загрузки.Но это не работает: 

<a href="<?php the_permalink(); ?>" class="single-prod">

    <div class="single-prod__image">
        <?php
            $image_size = 'thumbnail';
            $productImages = get_field('product_images');
        ?>

        <img src="<?php echo $productImages[0]['product_image']['sizes'][$image_size]; ?>" />
    </div>

    <div class="single-prod__information">
        <span class="single-prod__name">
            <?php the_title(); ?>
        </span>

        <span class="single-prod__short">
            <?php the_field('product_short'); ?>
        </span>
    </div>
</a>

Итак, в конце концов, я хочу добиться того, чтобы изображения были меньше.Нет необходимости видеть эскиз, потому что это, вероятно, обрезает изображение.

Заранее спасибо.

...