Alteração de Texto/Inserir link Botão Consulte preço

Olá, gostaria de auxílio para alteração do texto que aparece no botão de Preço sob consulta. Da mesma maneira gostaria de ocultar o formulário e destinar o cliente para um link externo.
Encontrei alguns scripts na comunidade, porém não se adequam ao meu site.
Alguém poderia me auxiliar?

Desde já agradeço.

1 curtida

Manda um link de um produto sob consulta, nesse caso você queria criar um novo botão com link externo?

Olá, na verdade somente alterações. No link de exemplo já consegui alterar o texto do botão, ocultar o formulário de contato padrão da LI, porém ele não direciona para o link que coloquei, ou seja, não ficou clicável.

1 curtida

Utilizou algum código para alterar o botão? eu achei o problema… Vi que utilizou um código, muda o código lá por esse:


$(document).ready(function(){
        $(".preco-produto.destaque-preco.com-promocao:contains('Consulte')").html("<a class="produto-consulta-preco" href='https://api.whatsapp.com/send?phone=5537999654195' target='_blank' rel='nofollow' title='Envie-nos a sua mensagem!' class='botao principal'>Consulte informações</a>");
        
})

Dai tu só troca as classes do CSS, tira o # e bota .

2 curtidas

Não compreendi muito bem, acabei realizando apenas uma mudança em parte do que tinha realizado. Segue estrutura atual do ajuste.

Isso troca aquela estrutura ali do código do java script, vou te enviar o código completo só pra tu colar aonde tu colou esse dai:

<script>
$(document).ready(function(){
        $(".preco-produto.destaque-preco.com-promocao:contains('Consulte')").html("<a class="produto-consulta-preco" href='https://api.whatsapp.com/send?phone=5537999654195' target='_blank' rel='nofollow' title='Envie-nos a sua mensagem!' class='botao principal'>Consulte informações</a>");
        
})

</script>

<style>
 .popup-sob-consulta {
     display: none !important;
}

body .preco-produto > :nth-child(1) {
    margin-bottom: 10px !important;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    justify-content: center !important;
    height: 40px;
    align-items: center;
}

</style>

Não deu certo. Não modificou o botão de Consultar preço e quebrou o preço dos demais produtos.

Remove todos os códigos que eu vou criar um novo pra você

edit: colocar esse código ai agora la em incluir código HTML > criar código > seleciona HTML/ Página de Produto > depois cola o código:


<a class="produto-consulta-preco" href="https://api.whatsapp.com/send?phone=5537999654195" target="_blank" rel="nofollow" title="Envie-nos a sua mensagem!">Consulte informações</a>

<script>

$(function(){
    $('a.produto-consulta-preco').insertBefore('.produto-detalhes-detalhes .popup-sob-consulta');
});
</script>

<style>
body #corpo a.produto-consulta-preco {
    margin-bottom: 10px !important;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    justify-content: center !important;
    height: 40px;
    align-items: center;
    background: #E7B754;
    color: white !important;
}

</style>
1 curtida

Funcionou! Entretanto ficou com dois botões.

1 curtida

Adiciona esse código entre abaixo do outro código

.produto-detalhes-detalhes #produto-consulta-preco {
    display: none;
}

Será que inseri no local errado do código? Removeu o novo botão criado kk

Inseriu kkkk, coloca o código completo de novo kkk >;

<a class="produto-consulta-preco" href="https://api.whatsapp.com/send?phone=5537999654195" target="_blank" rel="nofollow" title="Envie-nos a sua mensagem!">Consulte informações</a>

<script>

$(function(){
    $('a.produto-consulta-preco').insertBefore('.produto-detalhes-detalhes .popup-sob-consulta');
});
</script>

<style>
body #corpo a.produto-consulta-preco {
    margin-bottom: 10px !important;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    justify-content: center !important;
    height: 40px;
    align-items: center;
    background: #E7B754;
    color: white !important;
}

.produto-detalhes-detalhes #produto-consulta-preco {
    display: none;
}
</style>
1 curtida

Bom dia! Agradeço, está perfeito!
Talvez possa me ajudar em outra coisa, a Loja Integrada tema funcionalidade que ao direcionar o cliente para o whatsapp carrega as informações do produo, como título e código. É possível dispor isso no código, para que proceda da mesma forma?
Não sendo possível, avalio outras alternativas.

Obrigada pelo suporte até agora.