마 젠토 체크 아웃 스트리트 자동 완성 버그

최근 Magento 매장의 여러 주문에 1 번 도로가 2 번 도로에 복사 된 것으로 나타났습니다.

파고 들었고 Chrome의 자동 완성과 관련이있는 것 같습니다. 양식 필드를 보면 Magento는 청구 [거리] [] 및 배송 [거리] [] 를 두 도로의 필드 이름으로 사용합니다. 따라서 Chrome은 어느 것이 어느 것인지 알아낼 수 없으며 주소 입력란 1을 두 입력란에 자동으로 채 웁니다.

양식 입력 필드 에서 자동 완성 속성을 사용하여 링크해야 할 필드를 표시 할 수 있다는 정보 가 있지만 지원되지 않으며 작동하지 않습니다. 실제로, 그렇게하면 전체 양식에서 자동 완성 기능이 비활성화됩니다. 또한 필드 이름을 변경하려고 시도했지만 체크 아웃이 중단됩니다. 코드를 깊이 파고 양식의 필드 이름과 참조하는 곳, PayPal에 제출하고 DB에 저장 한 곳 등을 변경해야 할 것 같습니다. 이것은 악몽처럼 보입니다.

누구든지 이것을 다루거나 제안을 했습니까?

x-autocompletetype실험적인 기능이지만 -attribute를 사용해 볼 수도 있습니다 .

<input x-autocompletetype="address-line1" />
<input x-autocompletetype="address-line2" />

간단한 작은 수정, 입력에 '읽기 전용'속성을 추가하고 다음 JS 스 니펫을 사용하는 onfocus 속성을 추가하십시오.

onfocus="this.removeAttribute('readonly');"

따라서 모든 것이 다음과 같아야합니다.

<input type="text" title="Street Address 2" name="billing[street][]" id="billing:street2" value="" class="input-text " readonly onfocus="this.removeAttribute('readonly');">

Chrome에서 필드를 자동으로 채울 수는 없지만 필드를 클릭하면 JS가 트리거되므로 사용자가 직접 입력 할 수 있습니다.

팩스 입력에도이 작업을 수행합니다. Chrome은 전화 번호를 해당 번호로 복사하기를 좋아합니다.

자동 완성 속성은 개발자가 브라우저가 주어진 양식 필드를 채우는 방법을 제어하는 ​​방법입니다. 예를 들어, 주소를 기대하는 경우 autocomplete = "address-line1" 을 사용하여 예상 한 주소를 브라우저에 암시 할 수 있습니다 . 이렇게하면 브라우저가 웹 사이트의 양식 필드를 잘못 추측하여 사용자 환경이 저하 될 수 있습니다.

https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

사용 x-autocompletetype="address-line2"하면 최신 Chrome (65.0.3325.106)에서 작동하지 않는 것처럼 보이지만 첫 번째 주소를 두 입력에 복제합니다. 그러나, autocomplete="address-line1"그리고 autocomplete="address-line2"예상대로 작동하는 것 같다.

자세한 내용은 https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill#address를 참조하십시오.