Inserir imagem ao lado da etiqueta de pagamento na finalização da compra

8

Como inserir uma imagem ao lado da forma de pagamento na finalização da compra.

Por exemplo, ao lado do método de pagamento com cartão de crédito, desejo exibir o logotipo Visa e Master Cards.

luiza
fonte

Respostas:

11

Existem duas maneiras de fazer isso. Ambos exigem algum trabalho em seu tema / modelo.

Essa é a maneira mais rápida e suja e funciona muito bem se você quiser ter suas imagens ANTES do nome do método de pagamento:

Veja se você tem um arquivo chamado app/design/frontend/-custom_package-/-custom_theme-/template/checkout/onepage/payment/methods.phtmlwhere -custom_package-e -custom_theme-são os nomes do seu tema.

Se esse arquivo existir, faça uma cópia de backup para que você possa reverter para isso se quebrar as coisas. Se não existir, copie esse arquivo app/design/frontend/base/default/template/checkout/onepage/payment/methods.phtmlpara o mesmo diretório em seu tema. Pode ser necessário criar a checkout/onepage/payment/pasta no seu tema personalizado.

Abra (sua cópia de) methods.phtml com seu editor favorito.

encontre a seguinte linha:

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

Na minha cópia base/default/template/checkout/onepage/payment/methods.phtml, achei na linha 54.

Mude esta linha da seguinte maneira:

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

Certifique-se de nomear suas imagens de etiqueta após o $_code. portanto, para o método de pagamento CC salvo, o código é ccsave: sua imagem precisaria ser chamada ccsave.jpg.

Se você deseja que as imagens apareçam APÓS o rótulo, você pode fazê-lo aqui também. Apenas mude a localização de onde você insere as imagens.

Mas, como você deve ter notado: Magento vem com suporte para HTML após o rótulo fora da caixa : <?php echo $this->getMethodLabelAfterHtml($_method) ?>. É a maneira do Magento de fazer isso, mas é um pouco mais difícil de configurar e envolve adicionar um bloco usando XML e criar arquivos .phtml personalizados. Você pode encontrar um pouco mais de informações sobre isso aqui .

BTW: Mais informações sobre temas / modelos do Magento podem ser encontradas aqui .

Ottonet
fonte
Seja