Magento 핵심 자바 스크립트 파일 재정의/확장

Question

일부 고객의 불만과 마케팅 담당자와의 토론의 마지막 날에 구성 가능한 제품 옵션의 기본 동작을 변경하라는 요청이 있습니다. 고객/방문자를 혼란스럽게하고 가격 변경을 표시하지 않고 사용 가능한 옵션을 그대로 두었 기 때문에 옵션 드롭 다운에서 + $ xx.xx를 제거하도록 요청했습니다. 그들의 관점에서 볼 때 충분히 공정하지만, 개발자 입장에서 볼 때 다소 까다 롭습니다. 사이트에서 Magento CE 1.6.2를 실행 중이며 재정의/변경해야 할 파일은 /public_html/js/varien/configurable.js입니다. 가격 변경을 표시하지 않도록 getOptionLabel 함수를 변경해야합니다. 내 질문은 :이 파일을 변경하고 핵심 자바 스크립트 파일을 만지지 올바른 Magento 방법은 무엇입니까? 미리 감사드립니다.

Answer 1

여기에 어떤 객체 메소드 포장, 심지어 전화 "부모"필요한 경우 할 수 있습니다 프로토 타입 설명서 http://prototypejs.org/doc/latest/language/Function/prototype/wrap/에서이 참조하는 것은 의사의 샘플입니다 :

//where Product.Config is the object/class you need to "override" 
Product.Config.prototype.getOptionLabel = Product.Config.prototype.getOptionLabel.wrap(function(parentMethod){ 
    //replace the original method here with your own stuff 
    //or call parentMethod(); if conditions don't match 
}); 

Answer 2

그냥 @의 안톤-S의 절대적 정답에 추가 할 수 또한 할 수있다 "전체"클래스는 재 작성 : 프로토 타입의 클래스가 아니라 이미 인스턴스화 된 객체에 대한 모든에만 작동합니다 이후

// Create the original class 
var ClassA = Class.create(); 
ClassA.prototype = { 
    initialize: function(config) { 
     this.config = config; 
    }, 
    test: function(msg) { 
     console.log('Hi from class A with message ' + msg); 
    } 
}; 

// Create new class extending the original class 
var ClassB = Class.create(ClassA, { 
    // $super is a reference to the original method 
    test: function($super, msg) { 
     console.log('Hi from class B'); 
     console.log('this.config is accessible in class B: ' + this.config); 
     $super(msg + ' ...') 
    } 
}); 


// To make the extend an override, you can do this: 
ClassA = ClassB; 
// ClassA now is ClassB overriding the original ClassA 
var a = new ClassA('some config data'); 
a.test('Call A 1'); 

, 나는 또한 (어떤 랩 꽤 많이이 해킹에 던질거야) 않습니다 , too마음에

// Overriding a method of an already instantiated object 
// There are many ways to do this more elegantly thanks to the amazing JS scoping magic 
a.origTest = a.test; 
a.test = function(msg) { 
    console.log('Hi from the patched method'); 
    this.origTest(msg); 
} 
a.test('Call A 2'); 

유지 비록 wrap() 방법은 좋네요, 또한 클래스 정의에 콘크리트 인스턴스에 사용될 수있다.

// Wrap method of concrete instance 
spConfig.getOptionLabel = spConfig.getOptionLabel.wrap(function(parentMethod, option, price) { 
    return parentMethod(option, price); 
}); 

// Wrap method of class declaration 
Product.Config.prototype.getOptionLabel = Product.Config.prototype.getOptionLabel.wrap(function(parentMethod, option, price) { 
    return parentMethod(option, price); 
});