关于Magento1.9x 多选+同一选项叠加购买的思路整理

首先请不要问我为什么不用2.x我看着那个什么knockout就烦就跟1.9x的prototype一样，所以我的项目里面干掉了prototype这个玩意。

继续正题，需求如下：产品购买的时候多选而且重复购买同一个选项：

这个在magento里面是没有实现的。magento在Simple Product的CustomOption里面只有一个Multiple Select的类型，这个类型是多选刚好可以达成一半的目的，不能统一选项叠加选择。在提交购物车的时候又一次数据验证。如果强制叠加会弹出异常警告。具体是这个文件：app\code\core\Mage\Catalog\Model\Product\Option\Type\Select.php

第一步是重写Select.php文件不让程序验证提交的数据。

在模块的config.xml里面加入如下代码：

<catalog>
                <rewrite>
                   <product_option_type_select>Lovevox_CustomProduct_Model_Product_Option_Type_Select</product_option_type_select>
                </rewrite>
            </catalog>

class Lovevox_CustomProduct_Model_Product_Option_Type_Select
    extends Mage_Catalog_Model_Product_Option_Type_Select
{
    public function validateUserValue($values)
    {
        //parent::validateUserValue($values);

        $option = $this->getOption();
        $value = $this->getUserValue();
        $notMultiple = isset($values["multipleOption"]) ? false : true;

        if (empty($value) && $option->getIsRequire() && !$this->getSkipCheckRequiredOption()) {
            $this->setIsValid(false);
            Mage::throwException(Mage::helper('catalog')->__('Please specify the product required option(s).'));
        }
        if (!$this->_isSingleSelection()) {
            $valuesCollection = $option->getOptionValuesByOptionId($value, $this->getProduct()->getStoreId())
                ->load();
            $valueCount = empty($value) ? 0 : count($value);
            if ($valuesCollection->count() != $valueCount && $notMultiple) {var_dump($notMultiple);exit();
                $this->setIsValid(false);
                Mage::throwException(Mage::helper('catalog')->__('Please specify the product required option(s).'));
            }
        }
        return $this;
    }
}

通过提交“multipleOption”这个自定义字符串来告诉程序跳过数据验证；

第二步，点击选项时勾选前端的multiple select。这里用到了vue，记录所有点击的项的ID值到数组，多选下拉setvalue刚好是数组，不需要去重。

第三步，关联计算价格。这里需要扩展js/varien/products.js,这里需要注意它里面有个addCustomPrices方法

因为我们的选项有重复，所以调用这个方法时要特殊处理下，否则这个方法会干掉你重复的项。

    changeComposition: function(optId,optionIds){
        if(!optId)return;
        $('#select_'+optId).val(optionIds);
        var configOptions = this.config[optId];
        if(optionIds.length > 1){
            optionsPrice.customPrices = {};
            for(var i=0;i<optionIds.length;i++){
                if(optionIds[i] !== 'x'){
                    optionsPrice.addCustomPrices(optId + '-' + optionIds[i] + '-'+[i], configOptions[optionIds[i]]);
                    //这里需要加额外的标识符进行区分否则同选项价格无法叠加
                }
            }
        }else{//最后一个时清空自定义价格
            optionsPrice.customPrices = {};
        }
        optionsPrice.reload();
    },

这里optionIds就是从vue得到的选中的optionid数组。 

第四步，让前端添加购物车提交的表单数据支持重复数据；

data = new FormData(fm[0]);
                //console.log(canvas.optionIds.length);return;
                var dataArr = canvas.optionIds;
                if(canvas.optionIds.length > 1){
                    data.delete('options['+canvas.optId+'][]');//清空formdata然后重新赋值
                    for(var i=0;i<canvas.optionIds.length;i++){
                        if(canvas.optionIds[i] !== 'x'){
                            data.append('options['+canvas.optId+'][]', canvas.optionIds[i]);
                        }
                    }
                }

搞定以上四步就基本实现了一个新的产品类型。

当然选项绑定库存也是个课题，我们从长计议。GoodLuck！