Masukkan gambar di samping label pembayaran pada checkout

Bagaimana saya bisa memasukkan gambar di samping metode pembayaran saat checkout.

Sebagai contoh, di samping metode pembayaran kartu kredit saya ingin menampilkan logo Visa dan Kartu Master.

Ada dua cara untuk melakukan ini. Keduanya membutuhkan beberapa pekerjaan pada tema / template Anda.

Ini adalah cara cepat & kotor dan bekerja sangat baik jika Anda ingin gambar Anda SEBELUM nama Metode Pembayaran:

Lihat apakah Anda memiliki file bernama app/design/frontend/-custom_package-/-custom_theme-/template/checkout/onepage/payment/methods.phtmlwhere -custom_package-dan -custom_theme-adalah nama tema Anda.

Jika file ini ada, buat salinan cadangannya sehingga Anda dapat mengembalikannya jika Anda memecahkan banyak hal. Jika tidak ada, salin file ini dari app/design/frontend/base/default/template/checkout/onepage/payment/methods.phtmlke direktori yang sama di tema Anda. Anda mungkin harus membuat checkout/onepage/payment/folder dalam tema khusus Anda.

Buka (salinan Anda) methods.phtml dengan editor favorit Anda.

temukan baris berikut:

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

Dalam salinan saya, base/default/template/checkout/onepage/payment/methods.phtmlsaya menemukannya di baris 54.

Ubah baris ini sebagai berikut:

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

Pastikan Anda memberi nama label-gambar Anda setelah $_code. jadi untuk metode pembayaran CC Tersimpan, kodenya adalah ccsave, gambar Anda harus dipanggil ccsave.jpg.

Jika Anda ingin gambar muncul SETELAH label, Anda dapat melakukannya di sini juga. Cukup ubah lokasi tempat Anda memasukkan gambar.

Tetapi karena Anda mungkin telah memperhatikan: Magento dilengkapi dengan dukungan untuk html setelah label di luar kotak : <?php echo $this->getMethodLabelAfterHtml($_method) ?>. Ini adalah cara Magento melakukan ini, tetapi agak sulit untuk mensetup dan melibatkan penambahan blok menggunakan XML dan membuat file .phtml kustom. Anda dapat menemukan sedikit lebih banyak latar belakang tentang ini di sini .

BTW: Informasi lebih lanjut tentang tema / templat Magento dapat ditemukan di sini .