Fórum OpenCart Brasil

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

#3093
Sigas as etapas:

1) Escolha o botão que quer substituir (de preferência .png) e renomeie como button_add_small
2) Salve-o na pasta image (catalog/view/theme/default/image)
3) Vá em (catalog/view/theme/default/template/module) e altere nos módulos bestseller.tpl / bestseller_home.tpl / category.tpl (em fim todos os módulos)
4) Vá na pasta product e altere também em product.tpl
5) Faça os ajustes de espaço e linhas
6) está pronto!

Segue um exemplo de 1 dos módulos alterados:
Código: Selecionar todos
 <?php for ($j = $i; $j < ($i + 4); $j++) { ?>
      <td style="width: 25%;"><?php if (isset($products[$j])) { ?>
      <a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
      <a href="<?php echo str_replace('&', '&', $products[$j]['href']); ?>"><?php echo $products[$j]['name']; ?></a><br />
      <span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
      <?php if ($display_price) { ?>
      <?php if (!$products[$j]['special']) { ?>
      
      <span style="color: #900; font-weight: bold; font-size: 16px"><?php echo $products[$j]['price']; ?></span><BR><BR>
      <?php } else { ?>
      <span style="color: #900; font-weight: bold; font-size: 17px; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?>
      <?php } ?>
      <a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
      <?php } ?>
      <br />

      <?php if ($products[$j]['rating']) { ?>
      <img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
      <?php } ?>
      <?php } ?></td>
      <?php } ?>
    </tr>
    <?php } ?>
  </table>
</div>
Abs...
Avatar do usuário
Por MC9
#3109
Alvaro,

O tamanho do botão é de aprox 89 x 27 px, vi que o tem da sua loja é verde, então seria interessante vc colocar um da mesma cor...quanto ao tamanho que irá aparecer (para que apareça por inteiro vc deve dar espaços conforme linha abaixo... (visite meu site http://www.mc9informatica.com.br e veja como ficou)

LOCALIZE ESTA LINHA E DÊ OS ESPAÇOS NECESSÁRIOS - AQUI EU USEI 27 ESPAÇOS..

<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
<?php } ?>


Se tiver mais dúvidas...me mande o seu código das páginas que vc quer alterar que eu ajudo..

Abs
Por alvaro
#3115
Opa amigo pow meus conhecimentos nesses assuntos são baixos rs até pq eu tou tentando fazer uma loja profissional e diferente tirar o tom de OpenCart.

http://creativydesigner.com/baixar/
coloquei o *button_add_small* no tamanho (125x35)

Se puder colocar pra mim te agradeço.

Tipo eu to tentando por que nem esse layotu q eu fiz. http://creativydesigner.com/ecommerce.jpg

se quiser me add no msn pra trocarmos sugestoes,opnioes sempre é bem vindo

contato@creativydesigner.com

O botão *button_add_small* já ta no link xD abraços !
Por afgneto
#3123
bom passei no site e pelo que vi ainda não foi resolvido

minha sugestão:
como o botão ja foi modificado na home, sugiro que fça o botão do + e chame de button_aad_small2.png e no codigo do modulo seja substituido na linha

<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>"
por algo do tipo
<a href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?><img src="caminho/do /botão/menor.png /></a>"

v se ajuda ae e avisa^^
Avatar do usuário
Por MC9
#3230
Carol,

Se o botão já estiver no lugar certo, basta você dar mais espaços até que apareça por inteiro.. qualquer dúvida estou a disposição...

abs