PrestaShop 1.7.8.8:选择商品组合时忽略封面图片需求
PrestaShop 1.7.8.8 默认主题组合图片显示修改方案
涉及文件
- 前端逻辑文件:
themes/classic/assets/js/product.js - (可选)模板文件:
themes/classic/templates/catalog/product.tpl(仅需调整图片列表显示时修改)
修改步骤
备份文件
先复制一份product.js到本地保存,避免修改出错无法恢复。调整JS图片选择逻辑
打开product.js,找到组合切换后更新主图的代码块(通常在updateProductImages函数或onCombinationChange事件处理段):- 原逻辑会直接取当前组合的第一张图片(默认是封面图)
- 修改为过滤封面图,优先选用首张非封面图,代码示例:
// 替换原有获取首张图片的逻辑 const nonCoverImages = productImages.filter(img => !img.cover); const targetImage = nonCoverImages.length > 0 ? nonCoverImages[0] : productImages[0]; - 后续用
targetImage来更新主图显示,原有更新主图的代码保持不变。
验证效果
清除浏览器缓存(或按Ctrl+F5强制刷新页面),切换商品组合后,主图会自动显示该组合的首张非封面图,封面图仍保留在图片缩略列表中,点击可查看放大印花。
提示:如果找不到
updateProductImages函数,可搜索combination相关的事件处理代码,定位到组合切换后更新图片的逻辑段,替换图片选择判断逻辑即可。
内容的提问来源于stack exchange,提问作者Nedudgi
相关产品推荐
相关产品推荐

