Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá... Cuido de um site e no topo da página tem o carrinho de compras, queria diminuir o tamanho desse carrinho, deixar apenas o ícone do carrinho e o numero de itens, como e onde faço isso? Não achei nada do carrinho nos códigos... o site para visualizar é www.braviseg.com.br
É feito todo em código...
Na verdade existe um arquivo chamado carrinho.php que tem apenas este código:
<div class="col-lg-3 col-md-4 col-sm-12">
<div id="listar-carrinho-home"> </div>
</div>
Na página do index tem este código que tem umas funções do carrinho:
<?php
ob_start();
session_start();
require_once('control/framework/conf/Configure.php');
$configure = new Configure();
$configure->setIni();
define( "url", $configure->getUrl() );
define( "dir", $configure->getDir() );
$par = $configure->getPar();
require_once (dir . 'control/framework/ImportAll.php'); ?><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Braviseg - CFTV DVR Stand Alone Mini Cameras Fonte Bateria Interfone Video porteiro alarme</title><!--META TAGS-->
<!--META TAGS-->
<meta name="title" content="Braviseg - CFTV DVR Stand Alone Mini Cameras Fonte Bateria Interfone Video porteiro alarme" />
<meta name="description" content="Equipamentos de Segurança Eletronica. CFTV, Câmeras de Segurança, Alarmes Residenciais e Comerciais, Intefonia, Controle Acesso, Cerca Elétrica" />
<meta name="keywords" content="cftv, mini camera, alarme, cerca eletrica, interfone, hdl, dvr, luxvison, ideal, gmax, genno, video porteiro, controle" />
<meta name="copyright" content="Braviseg" />
<meta name="abstract" content="Braviseg" />
<link rel="shortcut icon" href="<?php echo url ?>images/favicon.ico?<?php echo filemtime(dir.'images/favicon.ico')?>">
<link href="<?php echo url ?>css/bootstrap.css" rel="stylesheet">
<link href="<?php echo url ?>css/font-awesome.min.css" rel="stylesheet">
<link href="<?php echo url ?>css/jquery.bxslider.css" rel="stylesheet">
<link href="<?php echo url ?>css/smoothproducts.css" rel="stylesheet">
<link href="<?php echo url ?>css/style.css?<?php echo filemtime(dir.'css/style.css')?>" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<div class="row">
<!-- Logo -->
<div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
<div class="well logo">
<a href="<?php echo url ?>"><img src="<?php echo url.'images/logo.png'; ?>" alt="Braviseg" /></a>
</div>
</div>
<!-- End Logo -->
<!-- Search Form -->
<?php include '_home/busca.php'; ?>
<!-- End Search Form -->
<!-- Shopping Cart List -->
<?php include '_home/carrinho.php'; ?>
<!-- End Shopping Cart List -->
<div class="col-lg-2 col-md-1 col-xs-12">
<div class="well pull-right">
<ul class="list-inline">
<li class="social">
<a href="#" title="(48) 99109-8822"><i class="fa fa-whatsapp"></i></a>
</li>
<li class="social">
<a href="#" title="vendas.braviseg"><i class="fa fa-skype"></i></a>
</li>
<li class="social">
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fbraviseg&width=56&layout=button&action=like&show_faces=false&share=false&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:56px; height:20px;" allowTransparency="true"></iframe>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- Navigation -->
<?php include '_home/navigation.php'; ?>
<!-- End Navigation -->
<div class="container main-container">
<?php require_once(HtmlUtils::routes($par)); ?>
</div>
<!-- Footer -->
<?php include '_home/footer.php'; ?>
<!-- End Footer -->
<a href="#top" class="back-top text-center" onclick="$('body,html').animate({scrollTop:0},1000); return false"> <i class="fa fa-angle-double-up"></i></a>
<script src="<?php echo url ?>google_analytics_auto.js"></script>
<script src="<?php echo url ?>js/jquery.js"></script>
<script src="<?php echo url ?>js/bootstrap.js"></script>
<script src="<?php echo url ?>js/jquery.bxslider.min.js"></script>
<script src="<?php echo url ?>js/jquery.blImageCenter.js"></script>
<script src="<?php echo url ?>js/smoothproducts.min.js"></script>
<script src="<?php echo url ?>js/bootstrap.touchspin.js"></script>
<script src="<?php echo url ?>js/jquery.alphanumeric.js"></script>
<script src="<?php echo url ?>js/mimity.js?<?php echo filemtime(dir.'js/mimity.js')?>"></script>
<script src="<?php echo url ?>control/js/jquery.maskMoney.js"></script>
<script src="<?php echo url ?>js/jquery.maskedinput-1.2.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#telefone").mask("(99) 9999-9999");
$("#celular").mask("(99) 9999-9999");
$("#telefone-pf").mask("9999-9999");
$("#celular-pf").mask("9999-9999");
$("#cpf").mask("999.999.999-99");
$("#cnpj").mask("99.999.999/9999-99");
$("#cep").mask("99999-999");
$("#data_nascimento").mask("99/99/9999");
$(".numeric").numeric();
$("#a_combinar").maskMoney({precision:2, decimal:",", thousands:"."});
$(".money").maskMoney({precision:2, decimal:",", thousands:".",allowZero:true});
$.fn.addCarrinho = function(options) {
if(options){
var caracteristicas_array = options;
}
var defaults = {
id : $(this).attr('rel'),
caracteristicas : caracteristicas_array
};
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_carrinho/add_itens.php'; ?>',
data : defaults,
type : 'post',
success: function(data) {
$(window.document.location).attr('href','<?php echo url."carrinho" ?>');
}
});
});
};
$('#add-carrinho').live('click',function(ev,val){
var caracteristicasArray = [];
var continua = true;
$('.caracteristicas').each(function(){
if($(this).find(":selected").val().length <= 0){
continua = false;
}
caracteristicasArray.push($(this).find(':first-child').text().replace('Selecione um(a) ',''));
});
if(continua == true){
var caracteristicas = new Array();
$('.caracteristicas').each(function(index){
caracteristicas.push($(this).val());
});
$(this).addCarrinho(caracteristicas);
}else{
$('#retorno').html('<div class="alert alert-danger" align="center" role="alert">'+
'<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>'+
'Você precisa selecionar a(s) caracteristica(s) '+caracteristicasArray.join(', ')+'!'+
'</div>');
}
});
// Lista produtos no carrrinho
$.fn.listarCarrinho = function(options) {
var defaults = {};
var opts = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_carrinho/listar_itens.php'; ?>',
data : opts,
type : 'post',
success: function(data) {
$('#listar-carrinho').html(data);
},
beforeSend: function(data){
$("#listar-carrinho").html('<center><p class="carregando"></p></center>');
}
});
});
};
$.fn.excluirItem = function(options) {
var defaults = {
idproduto : $(this).data('idproduto'),
identificador : $(this).data('identificador')
};
var opts = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_carrinho/excluir_itens.php'; ?>',
data : opts,
type : 'post',
success: function(data) {
if($('#listar-carrinho').exist()){
$('#listar-carrinho').listarCarrinho();
}
if($('#listar-carrinho-pagamento').exist()){
$('#listar-carrinho-pagamento').listarCarrinhoPagamento();
}
$('#listar-carrinho-home').listarCarrinhoHome();
}
});
});
};
$.fn.atualizarCarrinho = function(options) {
var codigos = new Array();
$('.qtd').each(function(i){
if($(this).val() == 0){
return;
}
codigos.push($(this).val()+'-'+$(this).data('idproduto')+'-'+$(this).data('identificador'));
});
var defaults = {
codigos : codigos
};
var opts = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_carrinho/atualizar_carrinho.php'; ?>',
data : opts,
type : 'post',
success: function(data) {
if($('#listar-carrinho').exist()){
$('#listar-carrinho').listarCarrinho();
}
if($('#listar-carrinho-pagamento').exist()){
$('#listar-carrinho-pagamento').listarCarrinhoPagamento();
}
$('#listar-carrinho-home').listarCarrinhoHome();
}
});
});
};
$.fn.atualizarQtdProduto = function(options) {
var action = $(this).data('action');
var qtd = $(this).data('qtd');
if(qtd == 0){
return;
}
if(action == 'menos'){
qtd--;
}else{
qtd++;
}
var defaults = {
qtd : qtd,
idproduto : $(this).data('idproduto'),
identificador : $(this).data('identificador')
};
var opts = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_carrinho/atualizar_qtd_produto.php'; ?>',
data : opts,
type : 'post',
success: function(data) {
if($('#listar-carrinho').exist()){
$('#listar-carrinho').listarCarrinho();
}
if($('#listar-carrinho-pagamento').exist()){
$('#listar-carrinho-pagamento').listarCarrinhoPagamento();
}
$('#listar-carrinho-home').listarCarrinhoHome();
}
});
});
};
// Lista produtos no carrrinho
$.fn.listarCarrinhoPagamento = function(options) {
var defaults = {};
var opts = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_pagamento/listar_itens.php'; ?>',
data : opts,
type : 'post',
success: function(data) {
$('#listar-carrinho-pagamento').html(data);
},
beforeSend: function(data){
$("#listar-carrinho-pagamento").html('<center><p class="carregando"></p></center>');
}
});
});
};
// Lista produtos no carrrinho
$.fn.listarCarrinhoFinalizar = function(options) {
var defaults = {};
var opts = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_finalizar/listar_itens.php'; ?>',
data : opts,
type : 'post',
success: function(data) {
$('#listar-carrinho-finalizar').html(data);
},
beforeSend: function(data){
$("#listar-carrinho-finalizar").html('<center><p class="carregando"></p></center>');
}
});
});
};
// Lista produtos no carrrinho
$.fn.listarCarrinhoHome = function(options) {
var defaults = {};
var opts = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_home/listar_itens.php'; ?>',
data : opts,
type : 'post',
success: function(data) {
$('#listar-carrinho-home').html(data);
},
beforeSend: function(data){
$("#listar-carrinho-home").html('<center><p class="carregando"></p></center>');
}
});
});
};
$.fn.limparAlteracaoPedido = function(options) {
var defaults = {
id : $(this).attr('rel')
};
var opts = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$.ajax({
url : '<?php echo url.'_carrinho/limpar_alteracao_pedido.php'; ?>',
data : opts,
type : 'post',
success: function(data) {
$(window.document.location).attr('href','<?php echo url."produtos" ?>');
}
});
});
};
$('#listar-carrinho-home').listarCarrinhoHome();
$('#listar-carrinho').listarCarrinho();
$('.excluir-item').live('click',function(ev,val){
$(this).excluirItem();
});
$('#atualizar-carrinho').live('click',function(ev,val){
$(this).atualizarCarrinho();
});
$('.atualizar-carrinho-menos').live('click',function(ev,val){
$(this).atualizarQtdProduto();
});
$('.atualizar-carrinho-mais').live('click',function(ev,val){
$(this).atualizarQtdProduto();
});
$('#listar-carrinho-pagamento').listarCarrinhoPagamento();
$('#listar-carrinho-finalizar').listarCarrinhoFinalizar();
$('#limpar-alteracao-pedido').live('click',function(ev,val){
$(this).limparAlteracaoPedido();
});
$('.btn-shopline').click(function(){
$('.msg-shopline').show();
});
});
</script>
</body>
</html>
<?php ob_flush(); ?>
Onde posso mexer para transformar o carrinho de compras em apenas um icone?então tem uma função, jquery ou javascript por tras dele. olhe que na div tem apenas o id... então tem que procurar as funções que trabalham no id setado na div...
se tiver com dificuldades pode me mandar os fontes que eu acho pra você
email: f.ainformatica2@gmail.com
O site é feito em quê ? exemplo: wordpress. ou é todo escrito?
Posta o código do carrinho ai!