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

PrestaShop 1.7.8.8:选择商品组合时忽略封面图片需求

PrestaShop 1.7.8.8 默认主题组合图片显示修改方案

涉及文件

  • 前端逻辑文件:themes/classic/assets/js/product.js
  • (可选)模板文件:themes/classic/templates/catalog/product.tpl(仅需调整图片列表显示时修改)

修改步骤

  1. 备份文件
    先复制一份product.js到本地保存,避免修改出错无法恢复。

  2. 调整JS图片选择逻辑
    打开product.js,找到组合切换后更新主图的代码块(通常在updateProductImages函数或onCombinationChange事件处理段):

    • 原逻辑会直接取当前组合的第一张图片(默认是封面图)
    • 修改为过滤封面图,优先选用首张非封面图,代码示例:
      // 替换原有获取首张图片的逻辑
      const nonCoverImages = productImages.filter(img => !img.cover);
      const targetImage = nonCoverImages.length > 0 ? nonCoverImages[0] : productImages[0];
      
    • 后续用targetImage来更新主图显示,原有更新主图的代码保持不变。
  3. 验证效果
    清除浏览器缓存(或按Ctrl+F5强制刷新页面),切换商品组合后,主图会自动显示该组合的首张非封面图,封面图仍保留在图片缩略列表中,点击可查看放大印花。

提示:如果找不到updateProductImages函数,可搜索combination相关的事件处理代码,定位到组合切换后更新图片的逻辑段,替换图片选择判断逻辑即可。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.06 17:17:21