チェックアウト時に支払いラベルの横に画像を挿入します

チェックアウト時に支払い方法の横に画像を挿入するにはどうすればよいですか。

たとえば、クレジットカードの支払い方法の横に、VisaとMaster Cardsのロゴを表示したいとします。

これを行うには2つの方法があります。どちらも、テーマ/テンプレートにいくつかの作業が必要です。

これはすばやく簡単な方法であり、支払い方法の名前の前に画像を入れたい場合に最適です。

あなたはというファイルがあれば参照してくださいとあなたのテーマの名前です。app/design/frontend/-custom_package-/-custom_theme-/template/checkout/onepage/payment/methods.phtml-custom_package--custom_theme-

このファイルが存在する場合は、バックアップコピーを作成して、破損した場合に元に戻すことができます。存在しない場合は、このファイルapp/design/frontend/base/default/template/checkout/onepage/payment/methods.phtmlをの同じディレクトリにコピーします。checkout/onepage/payment/カスタムテーマにフォルダーを作成する必要がある場合があります。

お好みのエディターでmethods.phtml（のコピー）を開きます。

次の行を見つけます。

<label for="p_method_<?php echo $_code ?>"><?php echo $this->escapeHtml($this->getMethodTitle($_method)) ?> <?php echo $this->getMethodLabelAfterHtml($_method) ?></label>

私のコピーでは、base/default/template/checkout/onepage/payment/methods.phtml54行目にそれが見つかりました。

この行を次のように変更します。

<label for="p_method_<?php echo $_code ?>"><img src="<?php echo $this->getSkinUrl('images/'.$_code.'.jpg') ?>" alt="<?php echo $this->escapeHtml($this->getMethodTitle($_method)) ?>" /> <?php echo $this->escapeHtml($this->getMethodTitle($_method)) ?> <?php echo $this->getMethodLabelAfterHtml($_method) ?></label>

label-imagesの名前は必ずにしてください$_code。そのため、Saved CC支払い方法の場合、コードはccsaveであり、画像を呼び出す必要がありますccsave.jpg。

ラベルの後に画像を表示したい場合は、ここでも行うことができます。画像を挿入する場所を変更するだけです。

しかし、あなたは気づいているかもしれないとして：Magentoのは、ラベルの後にHTMLのサポートが付属して箱から出し：<?php echo $this->getMethodLabelAfterHtml($_method) ?>。これはMagentoの方法ですが、セットアップが少し難しく、XMLを使用してブロックを追加し、カスタム.phtmlファイルを作成する必要があります。このことについては、こちらでもう少し詳しく説明しています。

ところで：Magentoのテーマ/テンプレートの詳細については、こちらをご覧ください。