magento - 如何根据颜色和尺寸属性通过关联的产品图像更改可配置的产品主图像？

Question

我正在使用具有尺寸和颜色属性的可配置产品。我想根据选择的选项更改可配置产品 View 上的主图像，例如如果我选择红色，那么一旦我选择该选项，具有红色属性值的关联产品的图像应显示在主图像上.

我怎样才能做到这一点？？

谢谢...

Answer 1

我为这个问题找到了一个解决方案，我正在为此工作......

\app\code\core\Mage\Catalog\Block\Product\View\Type\Configurable.php 中有一个块。

1) 扩展此块或将“Mage\Catalog\Block\Product\View\Type\Configurable.php”添加到“\app\code\local”文件夹。

2) Configurable.php 中有一种方法 getJsonConfig() 用于获取可配置的产品及其关联产品的详细信息。我在这个文件中创建了一个新方法，称为 getJsonConfigImages() 并且在这个方法中我添加了以下代码。

public function getJsonConfigImages()
     {
        $spImages = array();
        foreach ($this->getAllowProducts() as $_sp) {
            $spImages[$_sp->getId()] = 
                (string)$this->helper('catalog/image')
                    ->init($_sp, 'small_image')
                    ->resize(645,520);
        }
        return Mage::helper('core')->jsonEncode($spImages);
     }

此方法将为我提供与可配置产品相​​关联的关联产品的每个主图像 URL。

3)然后我只是在\app\design\frontend\yourpackage\yourtheme\template\catalog\product\view\type\options\configurable.phtml 像这样调用了这个方法......

<script type="text/javascript">
    var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>);
    var spConfigimages = new Product.Config(<?php echo $this->getJsonConfigImages() ?>);
</script>

4)现在我拥有与可配置产品相​​关联的简单产品的每个主图像url，然后只需使用一些javascript/jquery函数来更改产品页面上主图像的src。

我用这个方法解决了这个问题......
如果可用，请提出新的想法或比这更好的解决方案...