javascript - 如何用 Prestashop 产品列表中的图片替换第三个产品？

Question

例如，每页该类别显示 9 个产品

我想将第三个产品替换为图像(只需硬编码即可，不需要后端)，因此第三个产品现在转到下一个 block

是否有用于此目的的模块或如何自定义它？请注意，在对产品列表进行排序/过滤后，第三张图像需要保留在那里。

产品列表模板:

{foreach from=$products item=product name=products}
...
{/foreach}

非常感谢

Answer 1

product-list.tpl 顶部应该有一个名为“nbItemsPerLine”的变量。 如果不是这种情况，请将其添加到模板文件的顶部

{assign var='nbItemsPerLine' value=3}

然后像这样更改 foreach 循环:

{foreach from=$products item=product name=products}
  {if $smarty.foreach.products.iteration % $nbItemsPerLine == 0}
    <li>
      <img src="..." />
    </li>
  {else}
    [current code...]
  {/if}
{/foreach}