Página 1 de 2

[TUTORIAL] Imagem no lugar de texto na forma de pagamento

Enviado: 02 Jan 2011, 21:57
por Manoel Vidal
Um recurso que pode ser interessante para alguns usuários do OpenCart é fazer com que apareça uma imagem no lugar do texto descritivo da forma de pagamento deixando assim esta área mais atraente para seu cliente, vamos ver então uma forma bem simples de fazer essa modificação.

Vamos lá:

1. Crie uma imagem no tamanho que for agradável para você e salve na pasta image que fica no diretório principal de sua loja, lembre-se de colocar o nome da imagem com a identificação da forma de pagamento "pagamento.jpg" por exemplo. Obviamente nesta imagem você vai destacar a qual forma de pagamento ela se refere para que o seu cliente possa visualmente identificar.

2. Localize e edite a o arquivo referente a forma de pagamento que você deseje fazer a modificação, todos os arquivos para modificação encontram-se na pasta: catalog/language/portuguese-br/payment, no exemplo vamos editar o do Pagamento Digital (mas poderia ser qualquer um), o arquivo dentro da pasta referente ao Pagamento Digital é bem fácil de achar pois está com esta identificação: pagamentodigital.php

3. Localize a linha:
Código: Selecionar todos
$_['text_title']        = 'Pagamento Digital';
4. Substitua a linha citada anteriormente por:
Código: Selecionar todos
$_['text_title']        = '<img src="image/pagamento.jpg">';
5. Salve, feche o arquivo, abra sua loja e faça uma compra e finalize-a para testar como ficou sua modificação.

Pronto!

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 18 Jan 2011, 16:15
por MC9
Olá Manoel, achei muito bom esta alteração, pois o layout fica bem melhor na loja, porém 1 probleminha, como podemos fazer o mesmo aconter no email de confirmação da compra que vai para o cliente?

Aguardo notícias..abs..

MC9

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 19 Jan 2011, 12:19
por juliocesar757
MC9 escreveu:Olá Manoel, achei muito bom esta alteração, pois o layout fica bem melhor na loja, porém 1 probleminha, como podemos fazer o mesmo aconter no email de confirmação da compra que vai para o cliente?

Aguardo notícias..abs..

MC9
Só usar referência absoluta ao invés de relativa:

Isso:
$_['text_title'] = '<img src="image/pagamento.jpg">';

Para isso:

$_['text_title'] = '<img src="'.HTTPS_IMAGE.'pagamento.jpg">';

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 19 Jan 2011, 12:53
por MC9
Fantástico Julio Cesar...muito obrigado pela ajuda!!!

Abs

MC9

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 23 Jan 2011, 19:45
por Nyux
Julio, no admin o campo da img fica assim:
Código: Selecionar todos
Método de pagamento: PayPal <img src= " />

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 06 Mar 2011, 18:59
por thiiix7
Boa Noite,

Consegui fazer essa alteração na Loja, no admin, mas nao no E-mail

O cogido que tenho do oorder_confirm.tpl é:
Código: Selecionar todos
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><?php echo $title; ?></title>
</head>
<body style=" background-color:#ececec" >
<table style="font-family: Verdana,sans-serif; font-size: 11px; color: #374953; width: 600px; background-color:#ececec">
  <tr>
    <td align="left"><a href="<?php echo $store_url; ?>" title="<?php echo $store_name; ?>"><img src="<?php echo $logo; ?>" alt="<?php echo $store_name; ?>" style="border: none;" ></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="left"><?php echo $text_greeting; ?></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="left" style="color: #26365a;border-bottom:1px solid #26365a;	height: 21px;font-size: 12px; font-weight: bold; padding: 0.5em 1em;"><?php echo $text_order_detail; ?></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="left"><?php echo $text_order_id; ?> <span style="color: #069; font-weight: bold;"><?php echo $order_id; ?></span><br />
      <?php echo $text_date_added; ?> <?php echo $date_added; ?><br >
      <?php echo $text_payment_method; ?> <strong><?php echo $payment_method; ?></strong><br />
      <?php echo $text_shipping_method; ?> <strong><?php echo $shipping_method; ?></strong></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #FFFFFF;">
        <tr style="background-color: #CCCCCC; text-transform: uppercase;">
          <th style="text-align: left; padding: 0.3em;"><?php echo $text_shipping_address; ?></th>
          <th style="text-align: left; padding: 0.3em;"><?php echo $text_payment_address; ?></th>
        </tr>
        <tr>
          <td style="padding: 0.3em; background-color: #EEEEEE; color: #000;"><?php echo $shipping_address; ?></td>
          <td style="padding: 0.3em; background-color: #EEEEEE; color: #000;"><?php echo $payment_address; ?></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="left"><table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #000000;">
        <tr style="background-color: #CCCCCC;">
          <th align="left" style="width: 15%; padding: 0.3em; color: #FFFFFF;"><?php echo $column_product; ?></th>
          <th align="left" style="color: #FFFFFF;"><?php echo $column_model; ?></th>
          <th align="right" style="width: 15%; padding: 0.3em; color: #FFFFFF;"><?php echo $column_price; ?></th>
          <th align="right" style="width: 15%; padding: 0.3em; color: #FFFFFF;"><?php echo $column_quantity; ?></th>
          <th align="right" style="width: 20%; padding: 0.3em; color: #FFFFFF;"><?php echo $column_total; ?></th>
        </tr>
        <?php foreach ($products as $product) { ?>
        <tr style="background-color: #EEEEEE; text-align: center;">
          <td align="left"><?php echo $product['name']; ?>
            <?php foreach ($product['option'] as $option) { ?>
            <br />
            &nbsp;&nbsp;- <?php echo $option['name']; ?>: <?php echo $option['value']; ?>
            <?php } ?></td>
          <td align="left"><?php echo $product['model']; ?></td>
          <td align="right"><?php echo $product['price']; ?></td>
          <td align="right"><?php echo $product['quantity']; ?></td>
          <td align="right"><?php echo $product['total']; ?></td>
        </tr>
        <?php } ?>
        <?php foreach ($totals as $total) { ?>
        <tr style="text-align: right;">
          <td colspan="3">&nbsp;</td>
          <td style="background-color: #EEEEEE; font-weight: bold; padding: 0.3em;"><?php echo $total['title']; ?></td>
          <td style="background-color: #EEEEEE; padding: 0.3em;"><?php echo $total['text']; ?></td>
        </tr>
        <?php } ?>
      </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="left" style="color: #26365a;
border-bottom:1px solid #26365a;
	
	height: 21px; font-size: 12px; font-weight: bold; padding: 0.5em 1em;"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <?php if ($comment) { ?>
  <tr>
    <td align="left" style="color: #26365a;
border-bottom:1px solid #26365a;
	
	height: 21px; font-size: 12px; font-weight: bold; padding: 0.5em 1em;"><?php echo $text_comment; ?></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="left"><?php echo $comment; ?></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <?php } ?>
  <?php if ($customer_id) { ?>
  <tr>
    <td align="left" style="color: #26365a;
border-bottom:1px solid #26365a;
	
	height: 21px;font-size: 12px; font-weight: bold; padding: 0.5em 1em;"><?php echo $text_invoice; ?></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="left"><a href="<?php echo $invoice; ?>"><?php echo $invoice; ?></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <?php } ?>
  <tr>
    <td align="center" style="font-size: 10px; border-top: 1px solid #069;"><a href="<?php echo $store_url; ?>" style="color: #069; font-weight: bold; text-decoration: none;"><?php echo $store_name; ?></a></td>
  </tr>
</table>
</body>
</html>
Onde necessariamente eu tenho que fazer a alteração e qual o código?

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 23 Set 2011, 11:27
por andim10
Gostaria de saber se alguém sabe como se faz essa modificação na versão opencart 1.5.1.2
Obrigado!
Anderson

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 27 Set 2011, 18:09
por perfumeaqui
Eu fiz e funcionou!

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 07 Out 2011, 20:26
por andim10
Eu Fiz e não estava dando , e o erro era que eu editava no Bloco de Notas , depois que eu baixei um editor de PHP mesmo ai deu certinho !
Não sei porque mais não estava dando somente por causa disso, para quem não tiver um editor de PHP aconselho a baixar um pois no Bloco de Notas comigo não deu de jeito nenhum! Espero ter ajudado alguém!

Re: [TUTORIAL] Imagem no lugar de texto na forma de pagament

Enviado: 15 Out 2011, 15:29
por yuri
Ficou muito bom, obrigao pelo tutorial.