2016-02-15 63 views
5

Goodmorning Stackoverflow,Modulo di verifica Magento2: come visualizzare il valore di attributo segnaposto nei campi?

Sto personalizzando la pagina di pagamento in Magento 2. Ora sto provando a visualizzare i segnaposto anziché le etichette nel modulo di indirizzo di spedizione, ma fino ad ora non è successo. Spero che qualcuno mi può aiutare

Cheers, Jorge

UPDATE:

Nella console posso vedere una variabile sta dando all'attributo segnaposto dell'ingresso elemento.

<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"> 

Ora vorrei sapere se ci sono è un modo per modificare questa variabile tramite il backend, in modo che io possa visualizzare il nome dell'etichetta nel attr segnaposto. See screenshot

apoligies per il mio cattivo inglese

+0

Devi essere più specifico e mostrarci un codice dei tuoi tentativi in ​​modo che possiamo aiutarti. – James

risposta

4

modo standard,

Copiare tutti i file HTML da vendor/magento/module-ui/view/frontend/web/templates/form/element/ a app/design/frontend/<Vendor>/<theme>/Magento_Ui/web/templates/form/element/

Poi cambiano Change placeholder: placeholder-placeholder: label come menzione da Akis Verillis.

Ora è necessario distribuire i file statici dal codice qui sotto:

php bin/magento setup:static-content:deploy 

e vedere la magia.

Nota:Se si dispone di cassa da github quindi provare copiare da

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

Grazie mille @Amit. L'ho già fatto. Esso funziona magicamente. Non potevo votare la tua risposta perché non guadagnavo abbastanza punti –

+0

Possiamo rimuovere anche il campo etichetta sovrapposto? Vorrei poter incontrare e dare agli sviluppatori Front End di Checkout su M2 alcune parole ... – TheBlackBenzKid

3

Change placeholder: placeholder-placeholder: label

1

Se questo è utile per voi, la definizione di tale elemento è in: /app/code/Magento/Ui/view/base/web/templates/form/element/input.html Si definisce un ingresso come:

<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 
}" /> 
2

La risposta è nel Magneto 2 documentazione ora: http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_edit_form.html I modelli sono quelli citati nelle risposte precedenti. I modelli del modulo magento-ui sono utilizzati in luoghi diversi dalla cassa.

Nella directory del modulo personalizzato, creare un nuovo file /view/frontend/layout/checkout_index_index.xml.In questo file, aggiungere il contenuto simile al seguente:

... 
 
<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% percorso è [il tema dir] /Vendor_Module/web/template/form/element/your_template.html

Cancella anche la cache del browser: Elimina tutti i file nelle directory pub/static/frontend e var/view_preprocessing.

+0

Per personalizzare l'indirizzo di fatturazione è necessario estendere Magneto/Checkout/blocchi/Checkout/LayoutProcessor.php perché nella mia versione (2.1.5) tutto i valori sono hardcoded. Spero che queste informazioni ti aiuteranno – Macas