Fügen Sie das Bild an der Seite des Zahlungsetiketts an der Kasse ein

Wie kann ich beim Auschecken ein Bild neben der Zahlungsmethode einfügen?

Zum Beispiel möchte ich neben der Kreditkartenzahlungsmethode das Visa und Master Cards Logo anzeigen.

Es gibt zwei Möglichkeiten, dies zu tun. Beide erfordern einige Arbeiten an Ihrem Thema / Ihrer Vorlage.

Dies ist der schnelle und schmutzige Weg und funktioniert hervorragend, wenn Sie Ihre Bilder vor dem Namen der Zahlungsmethode haben möchten:

Überprüfen Sie, ob Sie eine Datei mit dem Namen app/design/frontend/-custom_package-/-custom_theme-/template/checkout/onepage/payment/methods.phtmlwhere haben -custom_package-und -custom_theme-wie die Namen Ihres Themas lauten.

Wenn diese Datei vorhanden ist, erstellen Sie eine Sicherungskopie davon, damit Sie darauf zurückgreifen können, wenn Sie Probleme haben. Wenn es nicht vorhanden ist, kopieren Sie diese Datei aus app/design/frontend/base/default/template/checkout/onepage/payment/methods.phtmldemselben Verzeichnis in Ihrem Design. Möglicherweise müssen Sie den checkout/onepage/payment/Ordner in Ihrem benutzerdefinierten Design erstellen .

Öffnen Sie (Ihre Kopie von) methods.phtml mit Ihrem bevorzugten Editor.

Finden Sie die folgende Zeile:

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

In meiner Kopie von base/default/template/checkout/onepage/payment/methods.phtmlfand ich es in Zeile 54.

Ändern Sie diese Zeile wie folgt:

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

Stellen Sie sicher, dass Sie Ihre Etikettenbilder nach dem benennen $_code. Für die gespeicherte CC-Zahlungsmethode lautet der Code also ccsave, dass Ihr Bild aufgerufen werden muss ccsave.jpg.

Wenn die Bilder NACH dem Etikett angezeigt werden sollen, können Sie dies auch hier tun. Ändern Sie einfach die Position, an der Sie die Bilder einfügen.

Aber wie Sie vielleicht bemerkt haben: Magento bietet Unterstützung für HTML nach dem Etikett sofort : <?php echo $this->getMethodLabelAfterHtml($_method) ?>. Dies ist die Magento-Methode , die jedoch etwas schwieriger einzurichten ist. Dazu gehört das Hinzufügen eines Blocks mithilfe von XML und das Erstellen benutzerdefinierter HTML-Dateien. Mehr Hintergrundinformationen dazu finden Sie hier .

Übrigens: Weitere Informationen zu Magento-Themen / -Vorlagen finden Sie hier .