Oi, Alguem sabe se é possível alterar o nome do Botão da shopify?
De " Compre Já" para outro nome.
Olá @Deysonlf ,
Boa pergunta! De momento, devido à forma como os botões de checkout dinâmico (Compre Já) são desenvolvidos e como estão codificados na plataforma, não é possível alterar o texto desse botão.
Essa é uma questão que tenho recebido no passado de outros lojistas e vejo o valor em poder alterar esse texto em certos casos. Agradecemos muito receber o feedback dos nossos lojistas, pois isso nos ajudara a criar uma plataforma que atende as necessidades dos nossos clientes. Eu ficarei feliz em repassar o seu comentário para os nossos desenvolvedores para que seja considerado em futuras melhorias da plataforma.
Para que eu possa enviar uma solicitação completa para o meu time, gostaria de saber mais uns detalhes. Por gentileza, poderia-me dizer porque é importante poder alterar o texto do botão Compre Já? Qual é o objetivo que pretende alcançar com isto? Sabendo isso, eu também posso verificar se existe uma forma alternativa de alcançar o seu objetivo final.
Olha, eu resolvi com CSS!
O primeiro passo foi COMENTAR o código do botão original (ADICIONAR AO CARRINHO)
Depois parti para o CSS
.shopify-payment-button__button--unbranded {
position: relative;
line-height: 48px !important;
text-align: center;
color: var(--secondary-button-text-color) !important;
font-weight: var(--text-font-bolder-weight) !important;
cursor: pointer;
transition: background 0.25s ease-in-out, color 0.25s ease-in-out,
box-shadow 0.25s ease-in-out;
background: #23a453 !important;
border-radius: 8px !important;
padding: 8px !important;
font-size: 0 !important;
display: flex;
justify-content: center;
align-items: center;
}
.shopify-payment-button__button--unbranded::before {
content: "\f291";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
font-size: var(--base-text-font-size);
}
.shopify-payment-button__button--unbranded::after {
content: " COMPRAR AGORA";
font-size: var(--base-text-font-size) !important;
}
.shopify-payment-button__button--unbranded:hover {
background: green !important;
}
Resultado abaixo!
Após o clique no botão abaixo!
(OBS: ainda preciso organizar meu checkout)
PS → ALÔ SHOPIFY, UM GRANDE ABRAÇO PARA RAFAEL FRANÇA
** @Amalia uma coisa que percebi é que, se eu entrar na home e clicar em um produto, o botão não aparece na página. No console.log tem alguns errors relacionado ao SCRIPT e também “.split”.**
Mas se eu acessar a página do produto direto, funciona normalmente!
Olá @ZipZoppy ,
Obrigada pela resposta detalhada e fico feliz por saber que você resolveu como alterar o texto do botão editando o código do seu tema. Devo esclarecer, que modificações de código caiem fora do nosso escopo de suporte na Shopify. No entanto, um grande benefício da Comunidade é que lojistas podem compartilhar as soluções que funcionaram nas próprias lojas, tal como fez, para ajudar outras pessoas que buscam como abordar a mesma questão.
Pelo que vejo na imagem, parece-me que ocultou o botão de Adicionar ao Carrinho e alterou o texto do Botão Dinâmico de Compre Já para Comprar Agora - correto? Além disso, poderia confirmar qual é o tema que você esta a editar? Pergunto isso para que eu possa entender melhor o seu objetivo e assegurar que essa é a melhor forma de a alcançar.
Visto que está confortável em fazer codificação, gostaria de aproveitar a oportunidade e deixar aqui alguns pontos e boas práticas sobre editar temas na Shopify;
-
Certifique-se de fazer uma cópia do tema antes de fazer quaisquer modificações. Dessa forma, se precisar recomeçar, poderá sempre descartar as suas alterações.
-
Se necessitar suporte com o tema em particular ou se tiver qualquer dúvida, clique nos três pontinhos no lado esquerdo do editor de temas para verificar o desenvolvedor do tema, verificar documentação de ajuda do tema e para receber suporte. Clique aqui para saber mais.
-
Não deixe de conferir esta documentação com maiores informações sobre editar temas na Shopify.
