2016-02-15 21 views
5

グッドモーニングStackOverflowの、Magento2チェックアウトフォーム:プレースホルダの属性値をフィールドに表示する方法は?

私は今、私が代わりに出荷アドレス形式のラベルのプレースホルダを表示しようとしているMagentoの2にチェックアウト1ページ分をカスタマイズしています

、今までありません成功。私は、可変要素入力の属性プレースホルダに与えている見ることができますコンソールで

:私は誰かが

に乾杯、ホルヘ

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の中でラベル名を表示することができます。 placeholder: label

+0

私たちがあなたを助けるために、より具体的で、あなたの試みのいくつかのコードを示す必要があります。 – James

答えて

4

app/design/frontend/<Vendor>/<theme>/Magento_Ui/web/templates/form/element/

vendor/magento/module-ui/view/frontend/web/templates/form/element/ から標準的な方法、

コピーすべてのHTMLファイルには、次にAkis Verillisで言及としてplaceholder: labelにすべての変更placeholder: placeholderを変更します。

php bin/magento setup:static-content:deploy 

をと魔法を参照してください。

は今、あなたは以下のコードで静的ファイルを展開する必要があります。

注:あなたはgithubのからチェックアウトを持っている場合は、

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

どうもありがとうございます。私はすでにそれをしました。それは魅力のように働く。私はあなたの答えに投票できませんでした十分な稼ぎ点 –

+0

私たちも重複するラベルのフィールドを削除することはできますか?私が会い、M2上のCheckoutのフロントエンド開発者にいくつかの言葉を言いたいと思っています... – TheBlackBenzKid

3

ためApoligies変更placeholder: placeholderこれはあなたのために有用である場合は、その要素の定義はである:

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

からコピーしてみてください答えは今磁気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ディレクトリ内のすべてのファイルを削除します。

+0

私のバージョン(2.1.5)で、あなたがMagneto/Checkout/Block/Checkout/LayoutProcessor.phpを拡張する必要がある値はハードコードされています。この情報があなたに役立つことを願っています – Macas

関連する問題