在动态数据库加载代码中包含静态html图像

Question

我有下面的代码，这些代码将在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}  

Answer 1

是的，可以通过在循环中添加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

处添加徽标