Como podemos ajudar?

Encontre os artigos que irão ajudá-lo a melhorar sua loja virtual

Produtos
Filtros da busca:
Filtrando por:

FC 6549 :: Como alterar os estilos dos botões Continuar na confirmação do pedido?

Adicione as classes EstTextoContinuar, BotContinuarConfirmacao e BotContinuar em seu arquivo LojaSite.css.

Quando o cliente faz um pedido com alguma forma de pagamento onde é necessário a abertura de nova instância para dar continuidade ao pagamento no ambiente da instituição financeira é exibido um botão Continuar na página do pedido confirmado.

Ao clicar neste botão, o cliente é redirecionado para o ambiente da instituição financeira para realizar o pagamento do pedido. (Ex: geração de boleto, PagSeguro, Cielo WebService, Redecard Komerci, etc)

É possível personalizar este botão Continuar inserindo ou alterando as classes EstTextoContinuar, BotContinuarConfirmacao e BotContinuar em seu arquivo LojaSite.css.

Veja imagem de uma loja com os botões e o texto personalizado:


Nesta loja, as classes foram adicionadas da seguinte forma:

.EstTextoContinuar{font-size:12pt;font-weight:bold;color:red;font-family:tahoma,verdana,arial;}
.BotContinuarConfirmacao{font-size:12pt;font-weight:bold;}
.BotContinuar{font-size:12pt;font-weight:bold;}

Outro exemplo (veja exemplo desta personalização realizando um pedido teste com cartão VISA na seguinte loja de testes: http://spdepartamentos.lojavirtualfc.com.br):

.EstTextoContinuar{font-size:12pt;font-weight:bold;color:green;font-family:tahoma,verdana,arial;}
.BotContinuarConfirmacao{background:green;color:#fcfcfc;border-width:1;border-color:#333333;font-weight:bold;font-size:14;font-family:verdana;height:40px;width:300px;}
.BotContinuar{font-size:12pt;font-weight:bold;}



 Avaliações dos clientes:
Este produto ainda não recebeu avaliações de clientes.
Clique aqui e seja o primeiro a avaliá-lo

Seu sucesso não pode esperar,

Criar agora sua
Loja Virtual!

Ou fale com um de nossos
consultores
especializados
em e-commerce.

Veja nossos Planos e Serviços