Opencart에서 일부 확장 프로그램을 사용할 때 CSS 파일 충돌

Question

opencart를 사용하여 전자 상거래 웹 사이트를 설정하는 비용을 지불했습니다. 그는 사용자에게 시간을 확보하는 데 매우 유용한 빠른 체크 아웃 확장 프로그램을 설치했습니다.

저는 가상 pos 공급자로 iyzico.com에서 작업합니다. 나는 그들에게 내 사이트의 매매에 대한 커미션을 지불 할 것이다.

문제는 iyzico 시스템이 빠른 체크 아웃 플러그인으로 작동하지 않는다는 것입니다. 카드 소지자 정보 란에 아무 것도 선택하거나 입력 할 수 없습니다. 빠른 체크 아웃 플러그인을 비활성화하면 iyzico 시스템이 정상적으로 작동합니다.

나를 위해 사이트를 설정 한 사람이 스타일 시트와 충돌이 있다고합니다. 충돌을 찾으려고했지만 찾지 못했습니다. 내가 볼 수있는 유일한 것은 내가 템플릿 stylesheet.css 파일을 해제 한 다음 시스템이 빠른 체크 아웃 플러그인으로 작동 할 때입니다.

어떻게 충돌을 찾을 수 있습니까?

사이트 ADRESS : www.avkampmarketi.com (언어 터키어)

템플릿 스타일 : www.avkampmarketi.com/catalog/view/theme/stowear/css/stylesheet.css

Iyzico 스타일 시트 : https://www.iyzico.com/frontend/form/v1/css/style.css?ver=1.1.0

귀하의 소중한 답변에 감사드립니다.

Answer 1

JavaScript 자체를 보거나 디버깅 할 수 없다면 단순히 스타일 시트를 비교하여 문제를 평가하는 것이 매우 어려울 것입니다. 스타일 시트를 살펴 봤는데, 당신의 테마 스타일 시트가 입력의 여러 "유형"을 참조한다는 것을 알았습니다. 이것은 나에게 그 입력 유형을 사용하는 자바 스크립트가 있고 어쩌면 입력 유형에 클래스를 추가하거나 스타일 또는 속성을 제거하여 iyzico 시스템 자바 스크립트가 작동하지 못하게하거나 스타일 시트 사이에 충돌이 발생한다는 것을 나타냅니다. 그 반대.

Google 크롬에서 웹 페이지를 열고 개발자 도구를 사용하여 진행중인 작업을 정확히 해독합니다. 아마도 하나의 스타일 시트가 다른 스타일 시트를 무시하고 기능을 해할 것입니다. 그런 다음 재정의 할 대상을 파악한 후에 JavaScript가 작동하지 않는 이유를 확인할 수 있습니다. 문제를 파악한 후에는 클래스 이름이나 ID를 변경하거나 충돌하지 않도록 일부 JavaScript를 다시 작성하는 것처럼 간단 할 수 있습니다.