Magento2 चेकआउट फॉर्म: फ़ील्ड में प्लेसहोल्डर विशेषता मान कैसे प्रदर्शित करें?

Question

Goodmorning Stackoverflow,

मैं Magento 2 में चेकआउट onepage को अनुकूलित कर रहा हूँ अब मैं शिपिंग-पते के रूप में लेबल के बजाय प्लेसहोल्डर प्रदर्शित करने के लिए कोशिश कर रहा हूँ, लेकिन अब तक कोई सफलता। मुझे आशा है कि कोई मुझे मदद कर सकते हैं

चीयर्स, जॉर्ज

अद्यतन:

कंसोल में मैं देख सकता हूँ एक चर तत्व इनपुट की विशेषता प्लेसहोल्डर के लिए दे रहा है।

<input class="input-text" type="text" data-bind=" 
    value: value, 
    valueUpdate: 'keyup', 
    hasFocus: focused, 
    attr: { 
     name: inputName, 
     placeholder: placeholder, // <<<< right here 
     'aria-describedby': noticeId, 
     id: uid, 
     disabled: disabled 
    }" name="street[0]" placeholder="" aria-describedby="notice-BVWUCFN" id="BVWUCFN"> 

अब मैं अगर थेरेस बैकएंड के माध्यम से इस चर को संशोधित करने के लिए एक रास्ता है जानना चाहते हैं, तो मैं प्लेसहोल्डर attr में लेबल नाम प्रदर्शित कर सकते हैं। /app/code/Magento/Ui/view/base/web/templates/form/element/input.html यह रूप में एक इनपुट को परिभाषित करता है: See screenshot

Apoligies मेरा बुरा अंग्रेजी

Answer 1

vendor/magento/module-ui/view/frontend/web/templates/form/element/ से मानक तरीका,

कॉपी सभी html फ़ाइलें app/design/frontend/<Vendor>/<theme>/Magento_Ui/web/templates/form/element/

पर फिर Akis Verillis द्वारा उल्लेख के रूप में placeholder: label करने के लिए सभी बदलें placeholder: placeholder बदल जाते हैं।

अब आप नीचे दिए गए कोड से स्थिर फ़ाइलों को तैनात करने की जरूरत है:

php bin/magento setup:static-content:deploy 

और जादू देखें।

नोट:आप GitHub से चेकआउट है तो नकल

/app/code/Magento/Ui/view/base/web/templates/form/element/ 

Answer 2

बदलें placeholder: placeholderplaceholder: label

Answer 3

को यदि यह आप के लिए उपयोगी है, तो उस तत्व की परिभाषा में है

<input 
class="admin__control-text" 
type="text" 
data-bind=" 
    value: value, 
    hasFocus: focused, 
    attr: { 
     name: inputName, 
     placeholder: placeholder, 
     'aria-describedby': noticeId, 
     id: uid, 
     disabled: disabled 
}" /> 

Answer 4

से जवाब 2 प्रलेखन अब चुंबक में है कोशिश: http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_edit_form.html टेम्पलेट्स पिछले जवाब में बताया गया हैं। Magento-ui मॉड्यूल से टेम्पलेट्स चेकआउट की तुलना में अन्य स्थानों में उपयोग किए जाते हैं।

अपनी कस्टम मॉड्यूल निर्देशिका में, एक नया /view/frontend/layout/checkout_index_index.xml फ़ाइल बनाएं।इस फ़ाइल में निम्न के समान सामग्री जोड़ने:

... 
 
<referenceBlock name="checkout.root"> 
 
<arguments> 
 
    <argument name="jsLayout" xsi:type="array"> 
 
     ... 
 
     <item name="shippingAddress" xsi:type="array"> 
 
      <item name="children" xsi:type="array"> 
 
       <!-- The name of the form the field belongs to --> 
 
       <item name="shipping-address-fieldset" xsi:type="array"> 
 
        <item name="children" xsi:type="array"> 
 
         <!-- the field you are customizing --> 
 
         <item name="telephone" xsi:type="array"> 
 
          <item name="config" xsi:type="array"> 
 
           <!-- Assigning a new template --> 
 
           <item name="elementTmpl" xsi:type="string">%Vendor_Module%/form/element/%your_template%</item>

%Vendor_Module%/form/element/%your_template% पथ [अपने विषय dir] /Vendor_Module/web/template/form/element/your_template.html

है

इसके अलावा ब्राउजर कैश साफ़ करें: पब/स्थिर/फ्रंटएंड और var/view_preprocessing निर्देशिकाओं में सभी फ़ाइलों को हटाएं।