如何在 PrestaShop 1.7 中使用 javascript 更改当前产品封面照片

Question

我正在尝试将自定义产品预览（带有上传标识的 T 恤）设置为产品缩略图。它是图像，文件类型：jpeg - 我有 http: 的完整网址NEW_PRODUCT_THUMB。如何将此网址设置为产品图片/封面/缩略图？对于测试，我尝试使用 jQuery 设置它：// <section id="main"> , first <img> child element$('section#main img:eq(0)').attr("src", NEW_PRODUCT_THUMB );问题：每次更改 - T 恤尺寸、颜色都会触发刷新产品页面，然后 - 加载默认图像（来自数据库，而不是来自我的自定义 JS 编辑器）。这是网页，其中自定义的产品图像以正确的方式设置为缩略图，但我不知道如何？ https://products.printzware.com/home/114-faded-short-sleeves-tshirt.html#/4-size-one_size

Answer 1

解决方案#1

为什么不编辑您的product.tplSmarty 模板文件并添加一个条件，说明如果该产品已在当前购物中定制，您将显示特定图像，而不是封面图像？

您可以通过从Cart类中调用以下方法来检索自定义图像：

getProductCustomization($id_product, $type = null, $not_in_cart = false)

对于实时修改，您当然可以保留您的 jQuery 代码。

解决方案#2

相同的逻辑，但您可以覆盖类中的getImageLink()方法Link。

一旦您的覆盖准备就绪，您就可以通过使用 jQuery 的 ajax 调用动态调用它。

即使重新加载页面，这也将起作用。