Fórum OpenCart Brasil

[sidclel]

ola pessoal , se alguem souber e poder compartilhar me ajude , como eu posso mudar o modelo dos botão de comprar do opencart ?
o botão dele é quadrado , eu ja mudei a imagem , mais ele continua quadrado , algem tem uma ideia?

[Manoel Vidal]

A primeira questão é a versão de sua loja, que você já me informou por MP que é 1.5.4.1, essa informação é importante, pois esta questão de layout se resolve nos arquivos tpl e css, que dependendo da versão do OpenCart, sofre alterações.

O link da loja também é útil para que o código atual seja analisado, e esse você também me passou por MP.

Vamos lá, como citei, esta é uma alteração no arquivo css do layout de sua loja, logo, vamos alterar o arquivo:
/catalog/view/theme/SEU_TEMA/stylesheet/stylesheet.css

Nele localize dois blocos de código são eles:

Código: Selecionar todos

a.button {
	display: inline-block;
	padding-left: 6px;
	background: url('../image/button.png') top left no-repeat;
	text-decoration: none;
	cursor: pointer;
}

E:

Código: Selecionar todos

a.button span {
	color: #FFFFFF;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding: 6px 12px 8px 5px;
	background: url('../image/button.png') top right no-repeat;
}

E substitua por:

Código: Selecionar todos

a.button {
    background: url("../image/button.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: inline-block;
    height: 42px;
    width: 96px;
    text-decoration: none;
}

E:

Código: Selecionar todos

a.button span {
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 10px 0px 0px 0px;
}

Salve as alterações no arquivo, limpe o cache do seu navegador e faça um teste em sua loja.

Espero ter ajudado.

[sidclel]

FICOU ótimo vidal obrigado pela ajuda , só que em algums botão ele não ficou no centro e sim os nomes ficou do lado esquerdo