Inserisci l'immagine a lato dell'etichetta di pagamento al momento del pagamento

Come posso inserire un'immagine al lato del metodo di pagamento al momento del pagamento.

Ad esempio, a lato del metodo di pagamento con carta di credito, voglio visualizzare il logo Visa e Master Card.

Ci sono due modi per farlo. Entrambi richiedono un po 'di lavoro sul tema / modello.

Questo è il modo più veloce e sporco e funziona benissimo se vuoi avere le tue immagini PRIMA del nome del metodo di pagamento:

Vedi se hai un file chiamato app/design/frontend/-custom_package-/-custom_theme-/template/checkout/onepage/payment/methods.phtmlwhere -custom_package-e -custom_theme-sono i nomi del tuo tema.

Se questo file esiste, creane una copia di backup in modo da poterlo ripristinare se rompi le cose. Se non esiste, copia questo file dalla app/design/frontend/base/default/template/checkout/onepage/payment/methods.phtmlstessa directory nel tuo tema. Potrebbe essere necessario creare la checkout/onepage/payment/cartella nel tema personalizzato.

Apri (la tua copia di) method.phtml con il tuo editor preferito.

trova la seguente riga:

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

Nella mia copia di l' base/default/template/checkout/onepage/payment/methods.phtmlho trovato sulla linea 54.

Modificare questa riga come segue:

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

Assicurati di dare un nome alle immagini dell'etichetta dopo il $_code. quindi per il metodo di pagamento CC salvato, il codice è ccsave, la tua immagine dovrebbe essere chiamata ccsave.jpg.

Se vuoi che le immagini appaiano DOPO l'etichetta, puoi farlo anche qui. Basta cambiare la posizione in cui si inseriscono le immagini.

Ma, come potreste aver notato: Magento è dotato di supporto per l'HTML dopo l'etichetta fuori dalla scatola : <?php echo $this->getMethodLabelAfterHtml($_method) ?>. È il modo Magento di farlo, ma è un po 'più difficile da configurare e comporta l'aggiunta di un blocco utilizzando XML e la creazione di file .phtml personalizzati. Puoi trovare un po 'più di informazioni su questo qui .

A proposito: ulteriori informazioni sui temi / modelli di Magento sono disponibili qui .