Включить статическое изображение html в код загрузки динамической базы данных - PullRequest
Новая
       16

Включить статическое изображение html в код загрузки динамической базы данных

0 голосов
/ 22 февраля 2019

У меня есть приведенный ниже код, который загружает изображения продуктов в длинном описании страницы продукта в Prestashop, он прекрасно работает для загрузки всех изображений продуктов ниже друг друга ， Я хотел бы добавить небольшой разделитель «логотип» после каждых двух изображений， Ниже примера изображения 

{foreach from=$product.images item=image}
     <li>
        <img
          src="{$image.bySize.thickbox_default.url}"
          alt="{$image.legend}"
          title="{$image.legend}"
          width="100%"
          itemprop="image"
        >
      </li>
    {/foreach}

enter image description here

1 Ответ

0 голосов
/ 22 февраля 2019

Да, можно добавить логотип после каждого изображения продукта, добавив условие if в цикле, как показано ниже: 

{foreach from=$product.images item=image name=product_image}
    <li>
        <img
            src="{$image.bySize.thickbox_default.url}"
            alt="{$image.legend}"
            title="{$image.legend}"
            width="100%"
            itemprop="image"
        >
      </li>

      {if $smarty.foreach.product_image.index % 2 === 1}
          <img class="logo" src="/img/logo-separator.png" />
      {/if}
{/foreach}

Прежде всего, просто добавьте name=product_image в foreach цикл изображений продуктов для получения индексов каждого изображения с помощью smarty, затем проверьте индекс foreach элементов и после каждого второго изображения просто добавьте логотип с помощью $smarty.foreach.product_image.index % 2 === 1

...