Insertar imagen al costado de la etiqueta de pago al finalizar la compra

8

¿Cómo podría insertar una imagen al costado del método de pago al finalizar la compra?

Por ejemplo, al lado del método de pago con tarjeta de crédito, quiero mostrar el logotipo de Visa y Master Cards.

luiza
fuente

Respuestas:

11

Hay dos maneras de hacer esto. Ambos requieren algo de trabajo en su tema / plantilla.

Esta es la forma rápida y sucia y funciona muy bien si desea tener sus imágenes ANTES del nombre del método de pago:

Vea si tiene un archivo llamado app/design/frontend/-custom_package-/-custom_theme-/template/checkout/onepage/payment/methods.phtmlwhere -custom_package-y -custom_theme-son los nombres de su tema.

Si este archivo existe, haga una copia de respaldo para poder volver a eso si rompe cosas. Si no existe, copie este archivo desde app/design/frontend/base/default/template/checkout/onepage/payment/methods.phtmlel mismo directorio en su tema. Es posible que deba crear la checkout/onepage/payment/carpeta en su tema personalizado.

Abra (su copia de) method.phtml con su editor favorito.

encuentra la siguiente línea:

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

En mi copia de la base/default/template/checkout/onepage/payment/methods.phtmlencontré en la línea 54.

Cambie esta línea de la siguiente manera:

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

Asegúrese de nombrar las imágenes de sus etiquetas después de $_code. entonces, para el método de pago CC guardado, el código es ccsave, su imagen debería ser llamada ccsave.jpg.

Si desea que las imágenes aparezcan DESPUÉS de la etiqueta, también puede hacerlo aquí. Simplemente cambie la ubicación donde inserta las imágenes.

Pero como es posible que haya notado: Magento viene con soporte para HTML después de la etiqueta de la caja : <?php echo $this->getMethodLabelAfterHtml($_method) ?>. Es la forma en que Magento hace esto, pero es un poco más difícil de configurar e implica agregar un bloque usando XML y crear archivos .phtml personalizados. Puede encontrar un poco más de información sobre esto aquí .

Por cierto: Más información sobre temas / plantillas de Magento se puede encontrar aquí .

Ottonet
fuente
nada