Pessoal estou com um problema no meu tema, toda vez que é adicionado um produto no carrinho ele quebra como na foto, a funcionalidade esta Ok porem a estética esta horrível, infelizmente a empresa que comprei chama Globe( E-Sports Theme V3) o nome do tema é e aparentemente não é mais parceira da LI.
Ja tentei instalar e volto e voltar ele, olhei toda a documentação….. e não achei a solução….
Literalmente todos os temas da Globe estão com essa anomalia no carrinho de compras. Essa é a solução para o problema
<script>
$('#cabecalho .carrinho .carrinho-interno.borda-principal').hide();
$(document).ready(function() {
setTimeout(function() {
const carrinho = $('#cabecalho .carrinho .carrinho-interno.borda-principal');
const trigger = $('#cabecalho .actions > li:last-child');
carrinho.hide();
trigger.on('mouseenter', function() {
carrinho.stop(true, true).fadeIn(200);
});
trigger.on('mouseleave', function() {
esconderCarrinho();
});
carrinho.on('mouseenter', function() {
$(this).stop(true, true).show();
});
carrinho.on('mouseleave', function() {
esconderCarrinho();
});
function esconderCarrinho() {
setTimeout(function() {
if (!carrinho.is(':hover') && !trigger.is(':hover')) {
carrinho.stop(true, true).fadeOut(200);
}
}, 100);
}
}, 500);
});
</script>
<style>
@media screen and (min-width: 768px) {
#cabecalho .carrinho .carrinho-interno.borda-principal {
width: 400px !important;
}
.carrinho-interno ul {
overflow: hidden !important;
}
}
</style>
Putz Teus, Muito obrigado parceiro, desculpe a ignorância mas saberia me indicar aonde aplico esse código ? rodapé ou cabeçario se é html ou CSS…
Parceiro MUITO OBRIGADO de coração!!!
