Alterar Botão "Finalizar Compra" após adicionar ao carrinho

Opa pessoal! Quando adiciono um produto ao carrinho no meu site, abre essa tela com o Botão “Finalizar Compra”, e nesse caso ele “pula” o carrinho e vai direto para o Checkout, gostaria de mudar ele para “Ir para o Carrinho”, assim eu não perco os eventos de AddToCart.

Captura de tela 2022-03-18 214347

#comprar-ajax-status a.botao.principal.ir-carrinho.hidden-phone {
    display: none!important;
}

#comprar-ajax-status a.botao.principal.ir-carrinho.visible-phone {
    display: block!important;
}

2 curtidas

Olá Leonardo! Tem como desabilitar o aparecimento desse mini carrinho? Preciso disso pra deixar minhas compras mais rápidas e aumentar o número de ítens vendidos.

o que pode fazer para desativar o mini carrinho…

image

Eu ja tinha feito isso mas nao desabilita. Apenas impede de ir para o chechout e vc permanece na pagina comprando mas esse minicarrinho fica aparecendo sempre que vc adiciona um item. Queria impedir que ele ficasse aparecendo e o clie te pudesse clicar em varios produtos pra depois ir pagar.

geralmente essa tela e apresentada para o cliente ver o total e ver que o item foi adicionado com sucesso.

Sim entendo mas no meu caso é uma loja de organicos que vende varios itens de baixo valor, alface, cenoura, tomate, etc. Assim o cliente deve ir clicando em varios itens de forma interrupta e geralme te coloca de 10 a 20 itens na compra. As plataformas de organicos sao assim, sem esse mini carrinho.

entendi, vai precisar de uma customização, um programador para mudar como a plataforma faz.

seria algo ± Assim:

$(function() {
    $(document).off("click", ".botao-comprar-ajax");

    $(document).on("click", ".botao-comprar-ajax", function(r) {
        r.preventDefault();
        var q = $(this);
        $(".botao-comprar-ajax").button("loading");
        $.ajax({
            url: $(this).attr("href").replace("https:", ""),
            dataType: "json"
        }).done(function(s) {
            //$.fancybox.showLoading();
            //$.fancybox.helpers.overlay.open();
            if (s.status !== "sucesso") {
                $("#comprar-ajax-status .erro .msg").text(s.mensagem);
                $("#comprar-ajax-status .sucesso").hide();
                $("#comprar-ajax-status .erro").show();
                $.fancybox.helpers.overlay.close();
                $.fancybox({
                    type: "inline",
                    href: "#comprar-ajax-status"
                })
            } else {
                //$("#comprar-ajax-status .sucesso").show();
                //$("#comprar-ajax-status .erro").hide();
                $("#carrinho-mini").load("/carrinho/mini", function() {
                    //$.fancybox.helpers.overlay.close();
                    //$.fancybox({
                    //    type: "inline",
                    //    href: "#comprar-ajax-status",
                    //    maxWidth: 800
                    //});
                    atualizarCarrinhoMini()
                })
            }
        }).fail(function(s) {
            window.location = q.attr("href")
        }).always(function() {
            $(".botao-comprar-ajax").button("reset")
        })
    });
});
1 curtida

Obrigado Leonardo! Tem q ser um programador mesmo. Vc faz esse trabalho? Tem idéia de valor?

Vc pode testar esse código acima ele vai fazer o que vc precisa.
Geralmente faço pequenas demandas.

Caso precise de algo mais elaborado, podemos conversar.

1 curtida

Obrigado Leonardo :slightly_smiling_face: :+1:

1 curtida

Oi Leonardo, eu copiei esse codigo e colei no CSS e não funcionou. Fiz algo errado?

aqui eu teste e funcionou normal

1 curtida

Recoloquei na lacuna do CSS e continua aparecendo o minicarrinho quando clico em adicionar produto.
Será que é o tema? estou usando aquele gratuito, bordas arredondadas.

não é CSS é em inserir html

E essas config da foto?
No meu aparece diferente. Cabeçalho e rodape apenas.

clica em avançado que vai mudar

Nada ainda.
Devo colocar assim nas lacunas?
Local de publicação: Rodapé
Página da publicação: Todas as páginas
Tipo: HTML

deve usar os dados que está no print

Verdade. Java Script.
Funcionou. Ficou perfeito!
Muito obrigado Leonardo!!!

1 curtida