Lỗi tự động thanh toán đường phố Magento Checkout

12

Gần đây tôi đã nhận thấy rằng một số đơn đặt hàng trong cửa hàng Magento của chúng tôi có đường phố 1 được sao chép vào đường phố 2.

Tôi đã thực hiện một số hoạt động đào và dường như nó có liên quan đến tính năng tự động điền của Chrome. Nếu bạn nhìn vào các trường biểu mẫu, Magento sử dụng thanh toán [đường phố] [] và vận chuyển [đường phố] [] làm tên trường cho cả hai đường phố. Vì vậy, Chrome không thể tìm ra cái nào là và tự động điền địa chỉ dòng 1 vào cả hai trường.

Có một số thông tin nổi xung quanh rằng bạn có thể sử dụng thuộc tính tự động hoàn thành trên trường nhập biểu mẫu để chỉ ra trường nào sẽ liên kết đến, nhưng điều này không được hỗ trợ và không hoạt động. Trong thực tế, nếu bạn cố gắng làm điều đó, nó sẽ vô hiệu hóa tự động hoàn thành trên toàn bộ biểu mẫu. Tôi cũng đã thử thay đổi tên trường, nhưng điều đó phá vỡ kiểm tra. Có vẻ như tôi cần đào sâu vào mã và thay đổi tên trường trên biểu mẫu và bất cứ nơi nào nó được tham chiếu, gửi tới PayPal, được lưu trong DB, v.v ... Điều này có vẻ như là một cơn ác mộng.

Có ai đã giải quyết vấn đề này và / hoặc có một đề nghị?

frontend  customer-address 
— BrianVPS
nguồn
Bạn đã tìm thấy một giải pháp cho vấn đề này? Với in nhãn tự động để vận chuyển, chúng tôi chỉ bắt được 20% các lỗi này và đôi khi nhà mạng không giao hàng vì "địa chỉ sai" ...
Tôi đã không tìm thấy một giải pháp thực sự, đầy đủ. Đối với chúng tôi, mối quan tâm thực sự duy nhất là sửa nó ở phía hiển thị khi thanh toán, vì vậy tôi đã thêm một số mã hóa thay đổi dòng 2 và, nếu nó khớp chính xác với dòng 1, tôi xóa nó. Điều này không xử lý các trang tài khoản khách hàng khi tạo địa chỉ mới, nhưng tôi không lo lắng về điều đó.
— BrianVPS
Điều này một phần liên quan đến "Cách kích hoạt Tự động điền Chrome" stackoverflow.com/questions/7223168/ Khăn Câu trả lời ngắn gọn là bằng cách đáp ứng các yêu cầu Regex cho tên hoặc nhãn trong code.google.com/p/chromium/codesearch#chromium/ src / thành phần / đào
— Ray Foss

Câu trả lời:

3

Bạn cũng có thể thử x-autocompletetype-attribution, mặc dù đây là một tính năng thử nghiệm:

<input x-autocompletetype="address-line1" />
<input x-autocompletetype="address-line2" />
— Giel Berker
nguồn
— Mihai MATEI
2

Khắc phục nhanh, thêm thuộc tính 'readonly' vào đầu vào và thuộc tính onf Focus với đoạn mã JS sau:

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

Vì vậy, toàn bộ nên trông như:

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

Chrome sẽ không thể tự động điền vào trường, nhưng người dùng có thể nhập vào thủ công vì JS sẽ được kích hoạt khi họ nhấp vào trường.

Làm điều này cho đầu vào fax, Chrome thích sao chép số điện thoại vào số đó.

— giáng sinh
nguồn
1
, chào mừng bạn đến với magento SE. Tôi không nghĩ rằng tốt chỉ đọc không phải là ý tưởng để dừng lĩnh vực tự động
— Amit Bera
Từ kinh nghiệm mọi người có xu hướng chỉ bỏ qua nó ... điều đó không tốt chút nào và có thể tốn rất nhiều tiền, khó khăn chính trong việc khắc phục nó là tính chất năng động của các lĩnh vực.
— Ray Foss
2

Các thuộc tính tự động hoàn thành là một cách để bạn, nhà phát triển kiểm soát cách trình duyệt sẽ điền vào một trường mẫu đã cho. Ví dụ: nếu bạn đang mong đợi một địa chỉ đường phố, bạn có thể gợi ý cho trình duyệt rằng bạn đang mong đợi nó bằng cách sử dụng autocomplete = "address-line1" . Điều này ngăn trình duyệt đoán các trường biểu mẫu đoán không chính xác trên trang web của bạn, điều này có thể dẫn đến trải nghiệm người dùng kém.

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

— Erfan
nguồn
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.