mudar cor botão de compra

[whaddad123]

Ola, boa tarde, preciso mudar a cor do botão de compra, para verde, e não consigo, meu tema é darwn, e no meu caso preciso mudar na edição do  código , pois hoje, se mudo o botão - o cabeçalho também muda. e eu não quero isto - alguém pode me ajudar ?

[Paula]

Olá @whaddad123!

Só para confirmar, você está usando o tema Dawn desenvolvido pela Shopify? E entendo que deseja alterar a cor do botão de compra na página do produto, como neste exemplo abaixo?

Se for isso mesmo, poderia, por gentileza, me informar quais são os passos que você está seguindo? Você chegou a fazer alguma alteração na codificação do seu tema que estaria impedindo executar essa alteração através do editor de tema? 

Pergunto isso, para conferir os passos que você está seguindo e tentar entender o porquê não está conseguindo alterar a cor do botão. De fato, é possível alterar a cor do botão "Compre já" através das configurações do tema. Para fazer isso siga os passos:

1. Vá em Loja Virtual> Temas> ao lado do tema que você está trabalhando clique em Personalizar

2. Selecione a página do produto e clique em Configurações do tema

3. Em Destaque 1 clique para escolher a cor desejada. 

4. Depois clique em Salvar para concluir a configuração. 

Para mais informações, veja as configurações do tema aqui.

Se essas instruções ainda não ajudar, por favor, me informe os passos que você está seguindo e forneça mais detalhes sobre o botão que deseja alterar a cor e onde ele está localizado. Ficarei feliz em buscar por soluções e verificar se consigo continuar te ajudando por aqui na comunidade. 

[whaddad123]

Ola Paula, obrigado muito pela atenção, mas esta situação que voçê me passou, não posso fazer, pois, acaba mudando a cor do meu cabeçalho também, e isto eu não gostaria, tive a informação que para mudar só o botão comprar, tenho que mexer no codigo - e voçê consegue me ajudar neste caso ?

[Paula]

Estranho isso estar acontecendo no seu tema, @whaddad123.. Como mostrei acima, no tema Dawn é possível alterar apenas a cor do botão "Compre já" sem fazer alteração na cor do cabeçalho. Isso acontece, pois é possível acessar a seção "Cabeçalho" e escolher o esquema de cor preferido. Basta selecionar um esquema de cor diferente da cor do botão.

Neste exemplo, o meu esquema de cor do cabeçalho é o "Plano de fundo 1" e a cor do meu botão é "Destaque 1", por isso, ao alterar a cor dos botões, a cor do meu cabeçalho não altera. Por favor, tente fazer isso para ver se consegue resolver sem precisar mexer na codificação do tema.

Lembrando que para configurar os esquemas de cores, basta clicar em Configurações do tema e em Cores faça as edições desejadas. Saiba mais sobre como personalizar suas configurações de cor aqui. 

 

Se você não conseguir realizar essas personalizações através do editor de temas, tudo indica que o seu tema já deve ter alterações na codificação, as quais estão impedindo o recurso nativo.

Se esse for o seu caso, segue abaixo sugestões para adicionar essa personalização através de códigos. Eu não sou especialista em codificação, mas para te ajudar com essa questão, fiz uma busca na comunidade em inglês e encontrei algumas posts onde especialistas recomendam o código que deve ser utilizado para customizar a cor dos botões na página do produto.

• Como Altero A Cor Do Botão "Comprar Agora" No Tema Dawn?
• Tema Dawn - Mudando A Cor Do Botão Adicionar Ao Carrinho
• Alterando A Cor Do Botão Adicionar Ao Carrinho No Tema Dawn

Observações:

• Se você não for familiar com o idioma recomendo utilizar o navegador Google Chrome para traduzir as páginas para o português (veja como traduzir) e sinta-se à vontade em utilizar o Google tradutor, caso precisar solicitar ajuda.
• Antes de fazer qualquer ajuste na codificação eu recomendo duplicar o tema e trabalhar na cópia, pois se algo der errado não irá danificar o seu atual tema.

Confira essas conversas para saber qual solução se enquadra melhor com o que você está buscando. Se você tiver dúvidas de como implementar o código recomendado, poderá responder diretamente ao post e solicitar ajuda ao especialista que compartilhou o código. O especialista ou algum outro membro que entende do assunto, poderá te ajudar melhor com as customizações necessárias.  

Qualquer outra dúvida, só me avisar aqui!

[whaddad123]

paula , eu ainda estou com dúvidas em mudar o botão para verde, voçê consegue mais uns exemplos. pois o que voçê mandou é para preto e branco....tenhos dúvidas onde coloco as cores

[Paula]

Claro, @whaddad123! Fico feliz em continuar te ajudando com essa questão. 

Você poderá escolher a cor de sua preferência clicando na amostra da cor para o tipo de conteúdo que será alterado. Assim, a janelinha do seletor de cores irá abrir e basta escolher a cor verde; poderá selecionar o tom de verde que você preferir, veja só:

Gravei também esse vídeo mostrando todo o processo. Acesse o editor de temas> selecione um produto para acessar a página de configuração do produto> clique em configurações do tema> cores> e clique na amostra de cor do Destaque 1 para escolher a cor do botão.

Um opção legal, seria explorar uma paleta de cores para personalizar o layout da sua loja. Este artigo explica em detalhes como as cores podem influenciar compradores. E este artigo aqui que está em inglês apresenta várias sugestões de ferramentas para gerar paletas de cores (se necessário, utilize o navegador para traduzir a página). Uma delas é a ferramenta Coolors, lá poderá gerar cores que combinam, assim, basta pegar o código da cor e adicionar no seletor de cores. Por exemplo, acessei a ferramenta e encontrei um tom de verde legal, basta copiar o código da cor 3DA35D e colar no seletor de cores no editor de tema.

Espero ter esclarecido suas dúvida! Até mais!

[whaddad123]

Paula, no momento, tentei, mudar pelo Destaque 1, mas infelismente, o cabeçalho, também muda de cor, e isto, não pode, pelo visto tenho que mudar na codificação, será que voçê tem mais videos, para eu tentar mudar, videos mais explicativos, ou voçê conhece outra maneira,?

[Paula]

Entendo que ainda não está conseguindo, @whaddad123. Gravei esse vídeo com voz explicando como fazer as alterações de cores e certificar de adicionar nas configurações do cabeçalho um esquema de cor diferente do botão.

Lembrando que ao ir em cores, o Destaque 1 é usado para mudar a cor do botão. E indo em cabeçalho é só selecionar um esquema de cor diferente do Destaque 1. Dessa forma, o cabeçalho ficará com uma cor diferente do botão. No meu exemplo, eu escolhi Plano de Fundo 1 para o meu cabeçalho, deixando ele com a mesma cor de fundo das páginas da loja. 

Se você ainda estiver encontrando dificuldades, entre em contato com o nosso suporte por e-mail aqui e um dos agentes poderá acessar a sua loja e conferir como está a configuração do seu tema.

Se realmente for necessário mexer na codificação do tema, nós do suporte da Shopify não podemos ajudar, pois não somos especialistas em codificação. Como alternativa, poderá acessar os posts da comunidade em inglês que eu compartilhei em uma das minhas respostas acima e tentar executar as alterações. Ou se preferir, poderá contratar um especialista para te ajudar com essa personalização da sua loja. Veja a lista de especialistas parceiros da Shopify que atendem no Brasil. 

[whaddad123]

😍😍Paula, meu amor,,,,consegui !!!! muito obrigado,,, agora só mais uma etapa, o botão comprar esta certo eu consegui, mas depois de clicar no botão comprar,,, abre outra tela - com 2 boões, carrinho  ou outro botão finalizar a compra - estes eu não achei para mudar,,, voçê poderia também me ajudar neste...

[Paula]

Fico feliz em saber que você conseguiu!

Essa outra tela seria a página do carrinho ou a página do checkout? Poderia, por gentileza, me enviar uma imagem ou vídeo mostrando a tela com os botões que você ainda precisa alterar a cor? Ou se possível, compartilhe a URL da sua loja aqui para eu conferir isso mais de perto e  fornecer as orientações. Aguardo sua resposta!

[whaddad123]

bom dia Paula, então seria estes 2 botões - loja amorsanto.com.br

[Paula]

Obrigada pelos detalhes, @whaddad123! Por ter uma cor de plano de fundo diferente no cabeçalho, não é possível alterar a cor do botão "Finalizar a compra" no popup do carrinho. Essa janela do carrinho mantém o mesmo esquema de cor do cabeçalho da loja, e não tem configurações disponíveis através do editor de temas. 

Através do editor de temas, a única forma para deixar o botão "Finalizar compra" com a mesma cor do botão das páginas dos produtos, seria mudar a cor do cabeçalho para o mesmo esquema de cor do plano de fundo da loja. Para conferir isso, vá em: Editor de temas> clique em Cabeçalho> e em Esquema de cores, clique em Plano de fundo 1 ou explore os diferentes esquemas disponíveis. 

Se você realmente quiser manter a cor atual do seu cabeçalho, precisará realizar essa alteração no código do tema. Além de usar um tema desenvolvido pela Shopify, você já estaria assinando um plano pago?

Gostaria de saber isso, pois lojistas que usam um tema desenvolvido pela Shopify e estão assinando o plano Básico ou superior, dispõem de 60 minutos de cortesia para receber assistência de temas. Solicitar assistência de temas, talvez possa ser uma opção para você. 

Nossa equipe de temas geralmente ajuda com pequenas alterações e personalizações, mas saiba que não são todas as customizações que são suportadas; algumas customizações não são atendidas. Saiba mais sobre o atendimento de temas aqui.

Se for do seu interesse, entre em contato com o nosso suporte através do e-mail. E poderemos verificar se a sua loja está apta para receber assistência ao tema e conversar com a equipe de temas para verificar se será possível implementar essa customização na sua loja. 

[whaddad123]

Obrigado Paula, voçê me ajudou muito,,, abraços...

[Gercy]

Oiii conseguiu mudar, pode me ensinar?