php - 在动态数据库加载代码中包含静态 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}  

标签： phphtmlprestashopsmarty

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