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

Question

我有下面的代码，可以在 Prestashop 的产品页面的长描述中加载产品图片，加载所有产品图片彼此下方效果很好，我想添加一点 "logo" 分隔符每两张图片之后，下面是一张示例图片

{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}

首先，只需在产品图片的foreach循环上添加name=product_image，使用smarty获取每张图片的索引，然后检查foreach的索引项目和每第二张图片后只需添加一个徽标 $smarty.foreach.product_image.index % 2 === 1

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

Include a static html image in a dynamic database loading code

html

php

smarty

prestashop