在结帐时将图片插入付款标签的侧面


8

如何在结帐时在付款方式的一侧插入图片。

例如,在信用卡付款方式旁边,我要显示Visa和Master Card徽标。

Answers:


11

有两种方法可以做到这一点。两者都需要在主题/模板上做一些工作。

这是一种快速而肮脏的方式,如果您想在“付款方式”名称之前拥有自己的图像,则效果很好:

查看您是否有一个名为app/design/frontend/-custom_package-/-custom_theme-/template/checkout/onepage/payment/methods.phtmlwhere 的文件,-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.phtml我在第54行找到了它。

更改此行,如下所示:

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

确保在后面命名标签图像$_code。因此对于Saved CC付款方式,代码为ccsave,您的图片必须调用ccsave.jpg

如果您希望图像出现在标签之后,也可以在此处执行。只需更改插入图像的位置即可。

但是,正如你可能已经注意到:Magento的自带的标签后,对HTML支持开箱即用<?php echo $this->getMethodLabelAfterHtml($_method) ?>。这是Magento的方法,但是设置起来有点困难,并且涉及使用XML添加一个块并创建自定义.phtml文件。您可以在这里找到更多背景知识。

顺便说一句:有关Magento主题/模板的更多信息,请参见此处


您的欢迎;)
Ottonet
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.