Insérer une image sur le côté de l'étiquette de paiement lors du paiement

Comment pourrais-je insérer une image sur le côté du mode de paiement lors du paiement.

Par exemple, sur le côté du mode de paiement par carte de crédit, je souhaite afficher le logo Visa et Master Cards.

Il y a deux façons de faire ça. Les deux nécessitent un peu de travail sur votre thème / modèle.

C'est le moyen rapide et sale et fonctionne très bien si vous voulez avoir vos images AVANT le nom du mode de paiement:

Voyez si vous avez un fichier appelé app/design/frontend/-custom_package-/-custom_theme-/template/checkout/onepage/payment/methods.phtmloù -custom_package-et -custom_theme-sont les noms de votre thème.

Si ce fichier existe, faites-en une copie de sauvegarde afin de pouvoir y revenir si vous cassez des choses. S'il n'existe pas, copiez ce fichier depuis app/design/frontend/base/default/template/checkout/onepage/payment/methods.phtmldans le même répertoire de votre thème. Vous devrez peut-être créer le checkout/onepage/payment/dossier dans votre thème personnalisé.

Ouvrez (votre copie de) methods.phtml avec votre éditeur préféré.

trouver la ligne suivante:

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

Dans mon exemplaire de, base/default/template/checkout/onepage/payment/methods.phtmlje l'ai trouvé à la ligne 54.

Modifiez cette ligne comme suit:

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

Assurez-vous de nommer vos images d'étiquette après le $_code. donc pour le mode de paiement Saved CC, le code est ccsave, votre image devrait être appelée ccsave.jpg.

Si vous souhaitez que les images apparaissent APRÈS l'étiquette, vous pouvez également le faire ici. Modifiez simplement l'emplacement où vous insérez les images.

Mais comme vous avez sans doute remarqué: Magento est livré avec le support de HTML après l'étiquette de la boîte : <?php echo $this->getMethodLabelAfterHtml($_method) ?>. C'est la manière Magento de le faire, mais c'est un peu plus difficile à configurer et cela implique d'ajouter un bloc en utilisant XML et de créer des fichiers .phtml personnalisés. Vous pouvez trouver un peu plus d'informations à ce sujet ici .

BTW: Plus d'informations sur les thèmes / modèles Magento peuvent être trouvées ici .