Question

在OpenCart 3.0.2.0中，使用Journal2主题，在产品页面上，有一个图库，显示一个大的主图像+其他图像。

以下是其他图片的代码：

{% for image in images %}
    <a class="swiper-slide" {% if journal2.settings.get('product_page_gallery_carousel') %} style="width: {{ 100 / journal2.settings.get('product_page_additional_width', 5) }}%" {% endif %} href="{{ image.popup }}" title="{{ heading_title }}">
        <img src="{{ image.thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" itemprop="image"/>
     </a>
{% endfor %}

我需要做的是，为每个缩略图添加数字。所以第一个附加缩略图上有一个“1”，第二个上面有一个“2”，依此类推。

我稍后会用CSS格式化它的外观，但我不知道PHP是否足以弄清楚如何创建这些数字。

如果我能看到一个代码示例，我可以从中找到它。提前谢谢！

Answer 1

您使用的是PHP Twig吗？如果是这样，您可以使用Twig loop variable。

如果您希望第一个缩略图为1，则可以使用loop.index。如果您想将数字放在图像之前，可以试试这个：

{% for image in images %}
    <a class="swiper-slide" {% if journal2.settings.get('product_page_gallery_carousel') %} style="width: {{ 100 / journal2.settings.get('product_page_additional_width', 5) }}%" {% endif %} href="{{ image.popup }}" title="{{ heading_title }}">
        {{ loop.index }}. <img src="{{ image.thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" itemprop="image"/>
    </a>
{% endfor %}

我在索引编号后添加了一段时间，因为我假设你想要在数字之后的句号。显然，这段时间是不必要的。

我希望这会有所帮助。

如何在滑块/图库中为每个图像添加数字？

1 个答案: