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.
#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;
}
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…
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")
})
});
});
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.
Obrigado Leonardo
Oi Leonardo, eu copiei esse codigo e colei no CSS e não funcionou. Fiz algo errado?
aqui eu teste e funcionou normal
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.
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!!!