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.

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

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.