Magento2 checkout form: Как отобразить значение атрибута placeholder в полях?

Question

Goodmorning Stackoverflow,

Я настраиваю чек на одну страницу в Magento 2. Теперь я пытаюсь отображать заполнители вместо меток в форме адреса доставки, но пока не удается. Я надеюсь, что кто-то может помочь мне

Cheers, Jorge

UPDATE:

В консоли я могу видеть, переменная придания атрибута заполнителем входного элемента.

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

Теперь я хотел бы знать, если Theres способ изменить эту переменную с помощью внутреннего интерфейса, так что я могу показать имя метки в заполнителем ATTR. See screenshot

Apoligies моего плохого английского

Answer 1

Стандартный способ,

Скопируйте все HTML-файлы из vendor/magento/module-ui/view/frontend/web/templates/form/element/ в app/design/frontend/<Vendor>/<theme>/Magento_Ui/web/templates/form/element/

Затем измените все изменения placeholder: placeholder к placeholder: label, как Упоминание Akis Verillis.

Теперь вам нужно развернуть статические файлы, используя код:

php bin/magento setup:static-content:deploy 

И увидеть магию.

Примечание:Если у вас есть извлечение из GitHub попробуйте скопировать из

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

Answer 2

Изменения placeholder: placeholder к placeholder: label

Answer 3

Если это полезно для вас, определения этого элемента в: /app/code/Magento/Ui/view/base/web/templates/form/element/input.html Он определяет входной сигнал как:

<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% путь [ваша тема каталог] /Vendor_Module/web/template/form/element/your_template.html

Очистить кеш браузера: Удалите все файлы в каталогах pub/static/frontend и var/view_preprocessing.