请翻译Twig for循环迭代及指定PHP数组内容并保留技术术语

嘿，我来帮你把这段PHP数组和对应的Twig循环迭代代码做中文解析并按要求格式化好～

一、PHP 数组内容（中文翻译版） #

外层Array包含一个索引为0的子Array，对应单个产品的完整信息，各字段翻译及说明如下：

• 产品ID（product_id）：49
• 缩略图（thumb）：http://192.168.0.101/user1/OPC_Fabish3.0/upload/image/cache/catalog/demo/banners/Productimage-278x355.jpg
• 悬停缩略图（rollover_thumb）：http://192.168.0.101/user1/OPC_Fabish3.0/upload/image/cache/catalog/demo/banners/Productimage-278x355.jpg
• 产品名称（name）：郁金香灯系列（原英文：tulip lamp family）
• 产品描述（description）：三星Galaxy Tab 10.1是全球最薄的平板电脑，厚度仅8.6毫米，搭载w..（原文内容截断）
• 售价（price）：$241.99
• 特价（special）：无值
• 税费（tax）：$199....（原文内容截断）

二、Twig 循环迭代示例代码（中文注释版） #

如果要遍历这类产品数组（假设数组变量名为products），实现产品信息的渲染，常用的Twig循环代码如下：

{# 遍历产品数组，每次迭代取出单个产品数据 #}
{% for product in products %}
    <div class="product-card">
        {# 渲染产品缩略图，添加鼠标悬停切换图片效果 #}
        <img 
            src="{{ product.thumb }}" 
            alt="{{ product.name }}" 
            onmouseover="this.src='{{ product.rollover_thumb }}'" 
            onmouseout="this.src='{{ product.thumb }}'"
            style="width:278px; height:355px;"
        >
        <h4>{{ product.name }}</h4>
        <p>{{ product.description|slice(0, 100) }}...</p>
        <div class="price-group">
            <span class="normal-price">售价：{{ product.price }}</span>
            <span class="tax-info">税费：{{ product.tax }}</span>
            {# 仅当存在特价时显示特价信息 #}
            {% if product.special %}
                <span class="special-price">👉 特价：{{ product.special }}</span>
            {% endif %}
        </div>
    </div>
{% endfor %}

代码说明 #

• 使用Twig的{% for %}循环结构遍历products数组，每次循环会将当前产品数据赋值给product变量
• 通过Twig变量插值{{ 变量名 }}获取产品的各个字段值
• 添加了鼠标悬停切换缩略图的交互逻辑，以及描述内容截断处理（避免过长显示）
• 做了条件判断，只有当special字段有值时才会渲染特价信息，提升页面展示合理性

内容的提问来源于stack exchange，提问作者Radhika