如何在PrestaShop中将商品列表页加入购物车按钮替换为缺货提示

第一步：校验后台核心配置 #

• 登录后台，依次进入「商店参数」→「产品设置」
• 定位到「库存」板块，确认两个配置项：
  • 允许订购缺货产品 已设为「否」
  • 在产品列表页显示缺货标签 已设为「是」（部分版本会单独有这个配置项，没有的话忽略本条）
• 保存配置后，点击右上角「清除缓存」按钮，或进入「高级参数」→「性能」页执行全量缓存清除

第二步：修复列表页模板逻辑（配置无误时执行） #

如果完成第一步后问题仍存在，说明你当前使用的主题未在列表页模板中适配库存判断规则，需要手动修改模板：

• 进入服务器站点目录，找到对应模板文件：themes/当前使用的主题名称/templates/catalog/_partials/miniatures/product.tpl
• 定位到原有「加入购物车」按钮的代码块，替换为以下带库存判断的逻辑：

{* 简单商品库存判断逻辑 *}
{if $product.quantity <= 0 && !$product.allow_oosp}
    <span class="out-of-stock-label">缺货</span>
{else}
    <button class="add-to-cart-btn" type="submit" data-id-product="{$product.id_product}">加入购物车</button>
{/if}

第三步：生效验证 #

修改模板后再次清空全站缓存，前台刷新商品列表页，库存为0的商品将直接显示缺货提示，不再展示不可点击的加入购物车按钮。

注意事项 #

• 建议优先使用子主题修改模板，避免后续主题更新覆盖自定义修改内容
• 多属性（组合）商品需要额外增加组合库存的判断逻辑，上述代码仅适配无属性的简单商品

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