Php 如何通过Magento中的按钮切换列表中的所有产品图像？

我希望在Magento上创建一个开关，允许人们通过“在模型上”或“仅在产品列表页面上”选择查看产品

我已经能够通过将鼠标悬停在单个产品上来实现这一点，但我希望能够一次性替换所有产品图像。与网格/列表开关的功能类似，但这会将列表中的所有图像从小图像更改为缩略图

Net搬运工有一个开关/按钮来执行此操作（）

---

我已经搜索了具有此功能的扩展，并且我已经浏览了有关此主题的帖子，但两者都没有成功。

如果您的滚动功能正常，我认为您已经完成了大部分工作，因为您正在将两个产品图像加载到类别页面中

通常，您会为“模型上”的图像指定它们自己的类，例如class='myshop-on-model'，而“模型下”的图像指定它们自己不同的类，例如class='myshop-off-model'

然后可以使用DOM选择一个类的所有图像，并将样式设置为，例如不透明度=0，然后按类选择所有其他图像，并使不透明度=1

您熟悉这种JavaScript编码吗？Magento可能已经加载了prototype.js，因此您可以使用

$$(".myshop-on-model") //returns an array of DOM elements

我从未使用prototype.js，但您的代码可能会像这样

$$(".myshop-on-model").each(function(element){
      element.setStyle({opacity:1});
});
$$(".myshop-off-model").each(function(element){
      element.setStyle({opacity:0});
});

反之亦然

---

（可以使用其他JavaScript库和其他样式修改来实现相同的效果。）

感谢您的留言！不幸的是，我的Java知识只扩展到插入外部代码，而不是编写自己的代码。我要试一试，看看能不能把它修好。再次感谢！！