Página 1 de 2

Botão: Confirmar e ir para o PagSeguro

Enviado: 05 Fev 2015, 15:28
por CarlosEdu
Boa Tarde, estou tendo problemas com esse botão: "Confirmar e ir para o PagSeguro" , ele fica transparente, quase imperceptível, para nosso clientes, gostaria de saber como faço para altera-lo.
Obs. Minha loja tem apenas um produto teste, cadastrado.

Obs.Ja fui na minha conta pague seguro e criei outro botão, mas não sei aonde inserir o código.

Minha Loja: www.meninaformosa.com.br
Opencart version 1.5.6.4
Template SportStore - Multiple Layouts OpenCart Theme

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 05 Fev 2015, 15:36
por reds
Boa tarde,

Sua loja esta em manutenção, então não conseguimos ver e nem testar para saber como lhe ajudar. :| , mas causo entenda um pouco de códigos pode olhar no depurador do firefox ou IE com F12 e ver as classe de controle do botão e alterar para a cor desejada.

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 05 Fev 2015, 15:55
por CarlosEdu
Obrigado pela atenção, esse botão aparece ao finalizar a compra, depois que você insere seus dados ele aparece lá em baixo no canto direito, redireciona para o pagseguro.

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 05 Fev 2015, 16:01
por reds
CarlosEdu escreveu:Obrigado pela atenção, esse botão aparece ao finalizar a compra, depois que você insere seus dados ele aparece lá em baixo no canto direito, redireciona para o pagseguro.
Carlos, sua loja esta em manutenção, somente você consegue ver o todo nela, para que nós possamos ver tem que ir em Sistema > Configurações > Servidor > Loja em Manutenção, então desmarcar esta opção, assim nós podemos olhar para sua loja funcionando. :roll:

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 05 Fev 2015, 16:32
por CarlosEdu
Já tirei da manutenção, eu queria instalar o botão do pagseguro e não sei aonde faço isso.

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 05 Fev 2015, 16:49
por reds
Boa tarde Carlos,

Para o seu botão eu criei estas linhas no css.
Código: Selecionar todos
/* Cod insere bg e atributos ao botão finalizar pedido */
#button-confirm {
    background: #ff6666;
    border-radius: 5px;
    box-shadow: 2px 3px 1px #773434;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    cursor: pointer;
}
#button-confirm:hover {
    background: #773434;
    box-shadow: 2px 3px 1px #000;
}
Esta ID não esta marcada no css, mas basta inserir conforme esta ai e tudo vai funcionar perfeitamente.
Pode inserir nesta folha > http://meninaformosa.com.br/catalog/vie ... orange.css

Causo você precise de um trabalho freelance me envia uma mensagem particular :roll:

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 06 Fev 2015, 00:18
por CarlosEdu
Muito Obrigado pela sua ajuda, Resolvi meu problema. Gostaria de só mais uma ajuda, tem como personalizar este botão, tipo queria deixa-lo igual ao do Pagseguro?
A respeito do frela, quando precisar irei te chamar sim.


Deus te abençoe.

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 06 Fev 2015, 12:50
por reds
Boa tarde amigo Carlos,
Claro que sim, tudo é possível via CSS, indique algo como você quer o botão seja.

já sobre o seu site temos mais um outro problema para resolver, se você notou ele quebra os ícones(Font Awesome) na primeira chamada, para resolver coloque este código no htaccess.
Código: Selecionar todos
#  Permite acesso ao pacote Font Awesome
<FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>
:|

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 06 Fev 2015, 13:45
por CarlosEdu
Ola Amigo.

O botão que eu queria colocar é esse, do link logo abaixo

https://p.simg.uol.com.br/out/pagseguro ... assina.gif

E pode me informar como faço pra chegar no local aonde devo inserir esse código que vc me passou?

Obrigado.

Re: Botão: Confirmar e ir para o PagSeguro

Enviado: 06 Fev 2015, 14:35
por reds
CarlosEdu escreveu:Ola Amigo.

O botão que eu queria colocar é esse, do link logo abaixo

https://p.simg.uol.com.br/out/pagseguro ... assina.gif

E pode me informar como faço pra chegar no local aonde devo inserir esse código que vc me passou?

Obrigado.
Se você ainda não ligou o HTACCESS padrão do Opencart, recomendo ler o Post no Opencart Brasil antes de faze-lo https://www.opencartbrasil.com.br/tutori ... -amigaveis, causo queira apenas inserir o código citado acima, crie um novo documento como nome vazio apenas ".htaccess" e salve no servidor.