You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PrestaShop 1.7.6购物车商品库存显示:需修改哪些文件?

在PrestaShop 1.7.6购物车商品行显示库存状态的实现方法

嘿,我来帮你搞定这个需求!要在购物车的每个商品详情里显示库存状态,主要需要修改购物车商品行的模板文件,下面是具体步骤:

1. 找到并编辑目标模板文件

首先定位到你的主题模板目录,找到购物车商品行的核心模板文件:
themes/[你的主题名称]/templates/checkout/_partials/cart-detailed-product-line.tpl

注意:为了避免主题更新时丢失自定义修改,建议使用子主题来操作——把这个文件复制到子主题的对应路径后再编辑,这样原主题更新不会影响你的改动。

2. 添加库存状态显示代码

在模板中找到商品信息的展示区域(比如商品名称、价格附近的位置),插入以下Smarty代码来渲染库存状态:

{* 商品库存状态显示 *}
<div class="product-stock-status">
  {if $product.stock_quantity > 0}
    <span class="stock-in">{$product.stock_label}</span>
  {else}
    <span class="stock-out">{$l('Out of stock', 'Shop.Theme.Checkout')}</span>
  {/if}
</div>

代码细节说明:

  • {$product.stock_quantity}:直接获取当前商品(包括属性组合款)的实时库存数量
  • {$product.stock_label}:调用PrestaShop自带的库存文本,内容会根据你后台的库存设置自动变化(比如开启“显示库存数量”后,会显示“X items available”这类具体数量提示)
  • {$l('Out of stock', 'Shop.Theme.Checkout')}:调用多语言翻译文本,确保不同语言环境下显示对应的缺货提示

3. 美化库存状态样式(可选)

为了让库存状态更醒目易读,可以在主题的CSS文件中添加以下样式:

.product-stock-status {
  margin: 4px 0;
  font-size: 0.9em;
}
.product-stock-status .stock-in {
  color: #27ae60;
  font-weight: 500;
}
.product-stock-status .stock-out {
  color: #e74c3c;
  font-weight: 500;
}

4. 测试验证

修改完成后,记得清除PrestaShop的后台缓存(路径:后台>高级参数>性能>清除缓存),然后添加不同库存状态的商品到购物车,检查是否正确显示库存信息。

特殊情况注意:

如果你的商品是带属性的组合款,完全不用担心——购物车中的{$product}对象已经自动关联了对应属性组合的库存数据,代码会直接显示该款的实际库存状态。

内容的提问来源于stack exchange,提问作者Enrico

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 08:40:41