Magento Checkout Sokak Hattı Otomatik Doldurma Hatası

Son zamanlarda Magento mağazamızdaki bir dizi siparişin sokak hattı 1'in sokak hattı 2'ye kopyalandığını fark ettim.

Biraz kazma yaptım ve Chrome'un otomatik doldurmasıyla ilgili gibi görünüyor. Form alanlarına bakarsanız Magento, her iki sokak satırı için alan adları olarak faturalandırma [sokak] [] ve gönderim [sokak] [] kullanır . Böylece Chrome hangisinin hangisi olduğunu bulamaz ve adres satırı 1'i her iki alana otomatik olarak doldurur.

Hangi alana bağlanması gerektiğini belirtmek için form girdi alanında otomatik tamamlama özelliğini kullanabileceğiniz bazı bilgiler var , ancak bu desteklenmiyor ve çalışmıyor. Aslında, bunu yapmaya çalışırsanız, formun tamamında otomatik tamamlamayı devre dışı bırakır. Ayrıca alan adını değiştirmeyi denedim, ancak bu ödeme işlemini sonlandırıyor. Kod derinliklerine kazmak ve formdaki alan adını değiştirmek gerekiyor gibi görünüyor ve referans verilen herhangi bir yerde, PayPal gönderilen, DB kaydedildi, vb. Bu bir kabus gibi görünüyor.

Bununla ilgilenen ve / veya bir öneriniz olan var mı?

x-autocompletetypeDeneysel bir özellik olmasına rağmen , -attribute öğesini de deneyebilirsiniz :

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

Hızlı küçük düzeltme, girdiye 'salt okunur' bir öznitelik ve aşağıdaki JS snippet'ine sahip bir onfocus özniteliği ekleyin:

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

Yani her şey şöyle görünmeli:

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

Chrome, alanı otomatik olarak dolduramaz ancak kullanıcı, alanı tıkladıklarında JS tetikleneceğinden manuel olarak yazabilir.

Bunu faks girişi için de yapın, Chrome telefon numarasını bu numaraya kopyalamayı sever.

Otomatik tamamlama özellikleri, geliştiricinin tarayıcının belirli bir form alanını nasıl doldurması gerektiğini denetlemenin bir yoludur. Örneğin, bir sokak adresi bekliyorsanız, tarayıcıya autocomplete = "address-line1" öğesini kullanarak beklediğiniz tarayıcıya ipucu verebilirsiniz . Bu, tarayıcının web sitenizdeki form alanlarını yanlış tahmin etmesini önleyerek kötü bir kullanıcı deneyimine neden olabilir.

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

Kullanıldığında x-autocompletetype="address-line2", en son Chrome (65.0.3325.106) ile çalışmıyor gibi görünüyor, yine de ilk sokak adresini her iki girişe de kopyalayacaktır. Ancak, autocomplete="address-line1"ve autocomplete="address-line2"beklendiği gibi çalışması gibi görünüyor.

Daha fazla ayrıntı burada: https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill#address