1.9 RWD 테마의 제품 세부 정보 페이지에서 확대 / 축소를 제거하는 방법

9

Magento 1.9의 rwd 테마에서 줌 기능을 어떻게 제거합니까?

CSS로 제거 할 수 있습니다

div.zoomContainer {
  display: none;
}

그러나 이것이 최선의 방법이라고 생각하지 않습니까? 템플릿 파일이나 xml로 제거하는 것이 좋습니다.

template / catalog / product / view / media.phtml 편집을 시도했지만 운이 없었습니다.

— 홀리
소스

아니요, 올바른 방법이 아닙니다. 지금 편집 한 마지막 답변을 참조하십시오.

— Simbus82

10

다른 답변 중 하나에서 언급했듯이 확대 기능 createZoom은 ProductMediaManagerin /skin/frontend/rwd/default/js/app.js파일 의 기능 에서 시작 됩니다.

따라서 다른 옵션은 createZoom프로세스 후반에 JS를 통해 개별 함수를 재정의 하는 것입니다.

예를 들어, 자신의 테마의 일부로 JS를 삽입하는 경우 다음을 추가 createZoom하여 ProductMediaManager오브젝트 의 함수 를 대체 할 수 있습니다 .

// ProductMediaManager is outside document.read scope
if (typeof ProductMediaManager !== 'undefined') {

  // Override image zoom in /skin/frontend/rwd/default/js/app.js
  // and prevent the zooming of images on hover
  ProductMediaManager.createZoom = function(image) { return; }

}

이 방법을 사용하면 전체 app.js파일 을 복사 할 필요가 없습니다 . 그러나 테마의 JS가 상위 테마의 JS 파일 뒤에 추가되었는지 확인해야합니다. 나는 이것이 더 깨끗한 접근법이라고 생각합니다.

— 패트릭 워드
소스

나를 위해 일했지만 덮어 쓰기를 너무 늦게로드 할 수 없다는 것을 명심하십시오. 나는 그것을 jQuery 문서 준비 관찰자로 싸서 덮어 쓰기가 너무 늦었다. 대신 사용자 정의 JS 파일이로드 될 때 덮어 쓰기 권한을 실행해야했기 때문에 jQuery 문서 준비 관찰자 외부에 배치했습니다.

— Louis B.

15

/skin/frontend/rwd/default/js/app.js 파일의 재정의를 만듭니다 (예 : /skin/frontend/rwd/mystyle/js/app.js)

라인을 주석 (default line: 649):

//image.elevateZoom();

마 젠토 캐시를 새로 고칩니다.

— 사용자
소스

1

올바른 방법이기 때문에 편집했습니다.

— Simbus82

2

약간 더 나은 해결책은 return;이 createZoom함수 의 맨 처음 에이 image.elevateZoom();호출 이 있는 명령문을 추가하는 것 입니다. 이렇게 하면 클라이언트 측 JavaScript 중 어느 것도 처음부터 실행할 필요가 없습니다. (여전히 로컬 테마에서이 파일을 대체하는 관행을 따르십시오)

— Darren Felton

-3

/frontend/rwd/default/layout/catalog.xml, <catalog_product_view>섹션 아래의 섹션 주석 열기

<action method="addItem"><type>skin_js</type><script>js/lib/elevatezoom/jquery.elevateZoom-3.0.8.min.js</script></action>

— WisdmLabs
소스

고맙지 만, 그 js 파일을 제거하면 더 이상 메인 갤러리 영역의 썸네일 이미지를 선택할 수 없습니다

— Holly

이 기능을 비활성화하는 올바른 방법은 아닙니다.

— Simbus82

3

/ app / design / frontend / rwd / default / layout / 의 파일 또는 / app / design / frontend / base / default / layout / 의 파일을 수정해서는 안됩니다 . 그렇게하는 것은 업그레이드 친화적 인 관행을 따르지 않습니다. 레이아웃 업데이트는 항상 테마 내 "local.xml"에서 수행해야합니다. local.xml에는 재정의, 수정, 제거 등을 할 수없는 레이아웃 XML 명령어가 없습니다.

— 대런 펠턴

elevatezoom을 찾을 수 없기 때문에 오류가 발생합니다

— Tisch