Estrela inativaEstrela inativaEstrela inativaEstrela inativaEstrela inativa
 
Avalie o artigo:
0 de 5 - 0 votos
Obrigado pelo seu voto neste artigo.

O VirtueMart é o sistema de e-commerce mais flexível que conheço, pode ser que tenha outro por aí né?!...

Neste tutorial você irá poder aprender rapidamente a alterar o

botão de Adicionar ao Carrinho!

Sabia que a cor verde do botão do Virtuemart 2, a padrão, não é definida por nenhum código ou estilização CSS? É uma imagem em PNG e está localizado aqui: 

seu_joomla/images/vmgeneral/backgrounds.png

Basta mudar a imagem verde, que no caso é o fundo do botão, para o que quiser e pronto! No entanto, no arquivo vmsite-ltr.css há uma borda também verde que você vai precisar mudar com quase toda certeza rs.

No arquivo CSS: vmsite-ltr.css, na linha 50

span.addtocart-button input.addtocart-button,span.addtocart-button input.notify-button{width:152px;background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;border:solid #00a000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursor:pointer;height:34px;text-align:center;letter-spacing:1px;padding:4px 5px;}

Só fazer a sua alteração, se for mesmo necessário!

Agora você tem o botão Adicionar ao Carrinho com o seu estilo, ou seja, o VirtueMart é ou não é flexível?

Sobre o autor
Aureo Silva Hernandes
Autor: Aureo Silva HernandesEmail: Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.
Editor/ Publisher
Sobre
Especialista em Virtuemart desde 2013 e entusiasta no Joomla desde 2008 e começando a desenvolver componentes customizados no Fabrik em 2019
Você pode querer ver também:

Adicionar comentário


Código de segurança
Atualizar