Magento चेकआउट स्ट्रीट लाइन ऑटोफिल बग


12

मैंने हाल ही में देखा है कि हमारे Magento स्टोर में कई ऑर्डर स्ट्रीट लाइन 1 को स्ट्रीट लाइन 2 में कॉपी किए गए हैं।

मैंने कुछ खुदाई की और यह क्रोम के ऑटोफिल से संबंधित प्रतीत होता है। यदि आप प्रपत्र फ़ील्ड्स को देखते हैं, तो Magento बिलिंग [सड़क] [] का उपयोग करता है और शिपिंग [सड़क] [] दोनों सड़क लाइनों के फ़ील्ड नामों के रूप में। इसलिए क्रोम यह पता नहीं लगा सकता है कि कौन सा एक है और दोनों क्षेत्रों में पता पंक्ति 1 को ऑटोफिल करता है।

वहाँ कुछ जानकारी है कि आप फार्म इनपुट फ़ील्ड पर स्वत: पूर्ण विशेषता का उपयोग कर सकते हैं यह इंगित करने के लिए कि यह किस क्षेत्र से लिंक होना चाहिए, लेकिन यह समर्थित नहीं है और काम नहीं करता है। वास्तव में, यदि आप ऐसा करने की कोशिश करते हैं, तो यह पूरे फॉर्म पर स्वत: पूर्ण अक्षम करता है। मैंने फ़ील्ड नाम बदलने की भी कोशिश की, लेकिन वह चेकआउट को तोड़ देता है। ऐसा लगता है कि मुझे कोड में गहरी खुदाई करने और फॉर्म पर फ़ील्ड का नाम बदलने और इसे कहीं भी संदर्भित करने की आवश्यकता है, पेपैल को सबमिट किया गया, DB में सहेजा गया, आदि। यह एक बुरे सपने की तरह लगता है।

क्या किसी ने इससे निपटा है और / या कोई सुझाव दिया है?


क्या आपने इस मुद्दे का हल ढूंढ लिया है? शिपिंग के लिए स्वचालित लेबल प्रिंट के साथ हम केवल इन त्रुटियों के 20% को पकड़ते हैं और कभी-कभी वाहक "न पता गलत है" के बाद से वितरित करते हैं ...

मुझे एक सही, पूर्ण समाधान नहीं मिला है। हमारे लिए एकमात्र वास्तविक चिंता यह थी कि चेकआउट पर डिस्प्ले साइड पर इसे ठीक किया जा रहा था, इसलिए मैंने कुछ जेएस को जोड़ा, जो लाइन 2 के बदलने पर आग लगाता है और अगर यह बिल्कुल लाइन 1 से मेल खाता है, तो मैं इसे साफ करता हूं। नए पते बनाते समय यह ग्राहक खाता पृष्ठों को संभालता नहीं है, लेकिन मैं इसके बारे में चिंतित नहीं था।
ब्रायनवीपीएस

यह "Chrome के स्वतः भरण को गति प्रदान करने के लिए कैसे" के संबंध में आंशिक रूप से stackoverflow.com/questions/7223168/... संक्षिप्त उत्तर नाम या में लेबल के लिए Regex आवश्यकताओं को पूरा करके है code.google.com/p/chromium/codesearch#chromium/ src / Components /…
रे फॉस

जवाबों:


3

आप x-autocompletetype-attribute भी आज़मा सकते हैं , हालाँकि यह एक प्रायोगिक विशेषता है:

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

बहुत उपयोगी चीटशीट
Mihai MATEI

2

त्वरित थोड़ा सुधार, इनपुट के लिए 'आसानी से' विशेषता जोड़ें, और निम्नलिखित JS स्निपेट के साथ ऑनफोकस विशेषता:

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 फ़ोन नंबर को उस एक में कॉपी करना पसंद करता है।


1
, Magento एसई में आपका स्वागत है। मैंने सोचा था कि यह नहीं है कि केवल पढ़ने के लिए अच्छा रोक ऑटो क्षेत्र के लिए विचार नहीं है
अमित बेरा

अनुभव से लोग केवल इसे अनदेखा करते हैं ... जो बिल्कुल भी अच्छा नहीं है और बहुत सारे पैसे खर्च कर सकते हैं, इसे ठीक करने में मुख्य कठिनाई खेतों की गतिशील प्रकृति है।
रे फॉस

2

स्वतः पूर्ण विशेषताएँ आपके लिए एक तरीका है, डेवलपर, यह नियंत्रित करने के लिए कि ब्राउज़र को किसी दिए गए फ़ॉर्म फ़ील्ड को कैसे पॉप्युलेट करना चाहिए। उदाहरण के लिए, यदि आप एक सड़क के पते की उम्मीद कर रहे हैं, तो आप उस ब्राउज़र को इंगित कर सकते हैं जिसे आप स्वत: पूर्ण = "पता-लाइन 1" का उपयोग करके उम्मीद कर रहे हैं । यह आपकी वेबसाइट पर गलत रूप से अनुमान लगाने वाले फ़ॉर्म फ़ील्ड से ब्राउज़र को रोकता है जिसके परिणामस्वरूप उपयोगकर्ता का अनुभव खराब हो सकता है।

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


2

उपयोग करना 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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.