Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

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

 Responder
Avatar do usuário

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

Por Manoel Vidal
Mensagens Curtidas
-  02 Jan 2011, 21:57 #2386
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!
Avatar do usuário

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

Por juliocesar757
Mensagens
-  19 Jan 2011, 12:19 #2738
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">';
Avatar do usuário

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

Por thiiix7
Mensagens
-  06 Mar 2011, 18:59 #3631
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

Por andim10
-  07 Out 2011, 20:26 #10132
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!
 Responder
 Voltar para “Tutorias e Dicas”