Menús desplegables con CSS en Prestashop

March 28, 2020

Hola a todos, bueno mi consulta es la siguiente:

Quisiera saber cómo puedo hacer para que el menú que tengo en mi tienda Prestashop (al lado izquierdo del logo "ShaaraBuy", el de las 3 rayas horizontales), sea desplegable.

Es decir, he intentado de todo, pero parece que las hojas de estilo no están mostrando los cambios en el site.

Ya he intentado con borrar caché del equipo, del Prestashop como tal, hasta del hosting, pero aún nada.

¿Cómo podría hacerlo? ¿Será que estoy editando otra carpeta? ¿Será acaso algún script?

Saludos cordiales, y muchas gracias de antemano por su tiempo y por su ayuda

CODE HTML:


<!doctype html>
	<html lang="es">
  	<head>
    	
      		<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>ShaaraBuy</title>
    <meta name="description" content="Tienda creada con PrestaShop">
    <meta name="keywords" content="">
        
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico?1584291057">
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico?1584291057">

    <link href="https://shaarabuy.cl/themes/sp_destino/assets/css/fonts/font-awesome.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://shaarabuy.cl/themes/sp_destino/assets/css/sp_lib/owl.carousel.css" rel="stylesheet" type="text/css" media="all" />
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/assets/css/theme.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/assets/css/theme-f58120.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/assets/css/responsive.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/spthemeconfigurator/views/css/front/configCss-1.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spbanner/views/css/style.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spblocknewsletter/css/spblocknewsletter.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spcustomhtml/views/css/style.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spdeal/views/css/styles.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/spdeal/views/css/animate.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/sphomeslider/css/sphomeslider.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/sphomeslider/css/animate.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spmanufactureslider/views/css/styles.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/spmanufactureslider/views/css/animate.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spmegamenu/css/spmegamenu.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spsearchpro/views/css/style.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spverticalmenu/css/spverticalmenu.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spextraslider/views/css/style.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/spextraslider/views/css/css3.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/spfooterlinks/views/css/style.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/splistingtabs/views/css/sp_listing_tabs.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/splistingtabs/views/css/animate.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/splistingtabs/views/css/owl.carousel.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/themes/sp_destino/modules/smartblog/css/smartblogstyle.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/productcomments/views/css/productcomments.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/js/jquery/ui/themes/base/minified/jquery-ui.min.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/js/jquery/ui/themes/base/minified/jquery.ui.theme.min.css" type="text/css" media="all">
  	<link rel="stylesheet" href="https://shaarabuy.cl/modules/ps_imageslider/css/homeslider.css" type="text/css" media="all">


      	<script type="text/javascript" src="https://shaarabuy.cl/themes/sp_destino/assets/sp-js/jquery-1.11.0.min.js" ></script>
  	<script type="text/javascript" src="https://shaarabuy.cl/themes/sp_destino/assets/sp-js/owl.carousel.js" ></script>
	<script type="text/javascript">
					var prestashop = {"cart":{"products":[],"totals":{"total":{"type":"total","label":"Total","amount":0,"value":"$0"},"total_including_tax":{"type":"total","label":"Total (impuestos incl.)","amount":0,"value":"$0"},"total_excluding_tax":{"type":"total","label":"Total (impuestos excl.)","amount":0,"value":"$0"}},"subtotals":{"products":{"type":"products","label":"Subtotal","amount":0,"value":"$0"},"discounts":null,"shipping":{"type":"shipping","label":"Transporte","amount":0,"value":"Gratis"},"tax":null},"products_count":0,"summary_string":"0 art\u00edculos","vouchers":{"allowed":0,"added":[]},"discounts":[],"minimalPurchase":0,"minimalPurchaseRequired":""},"currency":{"name":"Peso chileno","iso_code":"CLP","iso_code_num":"152","sign":"$"},"customer":{"lastname":null,"firstname":null,"email":null,"birthday":null,"newsletter":null,"newsletter_date_add":null,"optin":null,"website":null,"company":null,"siret":null,"ape":null,"is_logged":false,"gender":{"type":null,"name":null},"addresses":[]},"language":{"name":"Espa\u00f1ol (Spanish)","iso_code":"es","locale":"es-ES","language_code":"es","is_rtl":"0","date_format_lite":"d\/m\/Y","date_format_full":"d\/m\/Y H:i:s","id":1},"page":{"title":"","canonical":null,"meta":{"title":"ShaaraBuy","description":"Tienda creada con PrestaShop","keywords":"","robots":"index"},"page_name":"index","body_classes":{"lang-es":true,"lang-rtl":false,"country-CL":true,"currency-CLP":true,"layout-full-width":true,"page-index":true,"tax-display-enabled":true},"admin_notifications":[]},"shop":{"name":"ShaaraBuy","logo":"\/img\/shaarabuy-logo-1584291057.jpg","stores_icon":"\/img\/logo_stores.png","favicon":"\/img\/favicon.ico"},"urls":{"base_url":"https:\/\/shaarabuy.cl\/","current_url":"https:\/\/shaarabuy.cl\/","shop_domain_url":"https:\/\/shaarabuy.cl","img_ps_url":"https:\/\/shaarabuy.cl\/img\/","img_cat_url":"https:\/\/shaarabuy.cl\/img\/c\/","img_lang_url":"https:\/\/shaarabuy.cl\/img\/l\/","img_prod_url":"https:\/\/shaarabuy.cl\/img\/p\/","img_manu_url":"https:\/\/shaarabuy.cl\/img\/m\/","img_sup_url":"https:\/\/shaarabuy.cl\/img\/su\/","img_ship_url":"https:\/\/shaarabuy.cl\/img\/s\/","img_store_url":"https:\/\/shaarabuy.cl\/img\/st\/","img_col_url":"https:\/\/shaarabuy.cl\/img\/co\/","img_url":"https:\/\/shaarabuy.cl\/themes\/sp_destino\/assets\/img\/","css_url":"https:\/\/shaarabuy.cl\/themes\/sp_destino\/assets\/css\/","js_url":"https:\/\/shaarabuy.cl\/themes\/sp_destino\/assets\/js\/","pic_url":"https:\/\/shaarabuy.cl\/upload\/","pages":{"address":"https:\/\/shaarabuy.cl\/direccion","addresses":"https:\/\/shaarabuy.cl\/direcciones","authentication":"https:\/\/shaarabuy.cl\/iniciar-sesion","cart":"https:\/\/shaarabuy.cl\/carrito","category":"https:\/\/shaarabuy.cl\/index.php?controller=category","cms":"https:\/\/shaarabuy.cl\/index.php?controller=cms","contact":"https:\/\/shaarabuy.cl\/contactenos","discount":"https:\/\/shaarabuy.cl\/descuento","guest_tracking":"https:\/\/shaarabuy.cl\/seguimiento-pedido-invitado","history":"https:\/\/shaarabuy.cl\/historial-compra","identity":"https:\/\/shaarabuy.cl\/datos-personales","index":"https:\/\/shaarabuy.cl\/","my_account":"https:\/\/shaarabuy.cl\/mi-cuenta","order_confirmation":"https:\/\/shaarabuy.cl\/confirmacion-pedido","order_detail":"https:\/\/shaarabuy.cl\/index.php?controller=order-detail","order_follow":"https:\/\/shaarabuy.cl\/seguimiento-pedido","order":"https:\/\/shaarabuy.cl\/pedido","order_return":"https:\/\/shaarabuy.cl\/index.php?controller=order-return","order_slip":"https:\/\/shaarabuy.cl\/facturas-abono","pagenotfound":"https:\/\/shaarabuy.cl\/pagina-no-encontrada","password":"https:\/\/shaarabuy.cl\/recuperar-contrase\u00f1a","pdf_invoice":"https:\/\/shaarabuy.cl\/index.php?controller=pdf-invoice","pdf_order_return":"https:\/\/shaarabuy.cl\/index.php?controller=pdf-order-return","pdf_order_slip":"https:\/\/shaarabuy.cl\/index.php?controller=pdf-order-slip","prices_drop":"https:\/\/shaarabuy.cl\/productos-rebajados","product":"https:\/\/shaarabuy.cl\/index.php?controller=product","search":"https:\/\/shaarabuy.cl\/busqueda","sitemap":"https:\/\/shaarabuy.cl\/mapa del sitio","stores":"https:\/\/shaarabuy.cl\/tiendas","supplier":"https:\/\/shaarabuy.cl\/proveedor","register":"https:\/\/shaarabuy.cl\/iniciar-sesion?create_account=1","order_login":"https:\/\/shaarabuy.cl\/pedido?login=1"},"alternative_langs":{"es":"https:\/\/shaarabuy.cl\/"},"theme_assets":"\/themes\/sp_destino\/assets\/","actions":{"logout":"https:\/\/shaarabuy.cl\/?mylogout="},"no_picture_image":{"bySize":{"small_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-small_default.jpg","width":100,"height":100},"cart_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-cart_default.jpg","width":130,"height":130},"home_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-home_default.jpg","width":270,"height":270},"layout3_home_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-layout3_home_default.jpg","width":370,"height":370},"medium_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-medium_default.jpg","width":450,"height":450},"large_default":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-large_default.jpg","width":600,"height":600}},"small":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-small_default.jpg","width":100,"height":100},"medium":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-layout3_home_default.jpg","width":370,"height":370},"large":{"url":"https:\/\/shaarabuy.cl\/img\/p\/es-default-large_default.jpg","width":600,"height":600},"legend":""}},"configuration":{"display_taxes_label":true,"display_prices_tax_incl":true,"is_catalog":false,"show_prices":true,"opt_in":{"partner":true},"quantity_discount":{"type":"discount","label":"Descuento"},"voucher_enabled":0,"return_enabled":0},"field_required":[],"breadcrumb":{"links":[{"title":"Inicio","url":"https:\/\/shaarabuy.cl\/"}],"count":1},"link":{"protocol_link":"https:\/\/","protocol_content":"https:\/\/"},"time":1585365878,"static_token":"e85307c347ff05845e912b7dc2492fff","token":"45e59c4e56047ed183a830e1cfb71400"};
			</script>


    <!-- emarketing start -->


<!-- emarketing end --><script type="text/javascript">
    //<![CDATA[
    var listdeal = [];
    //]]>
</script><script type="text/javascript">
    //<![CDATA[
    var extradeal = [];
    //]]>
</script>        <style type="text/css">/* Menu logo principal */ div.spverticalmenu { width: 20%; left: 8%; background: #fff; margin: -85px; position: relative; } /* Texto menu logo principal */ .header_v2 .sp-vermegamenu .cat-title { height: 50px; padding: 3px 20px; font-size: 0px; line-height: 44px; } /* Opciones menu principal */ @media (min-width: 1200px) #index .header_v2 .sp-vermegamenu .navbar-nav: active { top: 100%; z-index: 9; opacity: 1; /* visibility: visible; */ } /* Menu logo secundario */ .header_v2 div.spverticalmenu #sp-vermegamenu .navbar-nav > li > a { padding: 2.6px 20px; min-width: max-content; } /* Opciones menu secundario */ .header_v2 .sp-vermegamenu .navbar-nav { box-shadow: none; width: max-content; }</style>
                <script src="https://kit.fontawesome.com/69063e92f0.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">

<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/bootstrap.min.js"></script>
<script src="/path/to/bootstrap-hover-dropdown.min.js"></script>
    

    <style type="text/css">
        /*fuente pagina web*/
body {
    font-family: 'Montserrat', sans-serif;
}

h1,h2,h3,h4,h5,h6{
font-family: 'Montserrat', sans-serif;
}

/*cambio de bolsa*/

.spblockcart .shopping-cart-title {
    color: #4cbb6c;
}

.spblockcart .header i {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    font-size: 0px;
    background-image: url(/imagenes/Bolsa-de-compras-1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor:pointer;
}

.spblockcart .header i:hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    font-size: 0px;
    background-image: url(/imagenes/Bolsa-de-compras-1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor:pointer;
    border-radius:10px;
    border: 0.5px solid #d7843d;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
}

/*barra de busqueda*/
.spr-container {
    border-radius: 10px;
}




/*menu principal*/
.header_v2 .header-menu {
    background: #f58120;
    border-bottom: 3px solid #b35721;
}

.header_v2 .sp-megamenu .navbar-nav > li > a {
    color: #fff;
    background-color: transparent;
}

.header_v2 .sp-megamenu .navbar-nav > li > a:hover, .header_v2 .sp-megamenu .navbar-nav > li > a:focus {
    color: #444;
}



/*mega menu*/
.sp-vermegamenu .cat-title {
    border-radius: 0px;
}

/*celular cambio color background*/
@media (max-width: 991px){
.header_v2 div.spverticalmenu .navbar-header .navbar-toggle {
    background: #fff;
}
.navbar .navbar-button .navbar-toggle {
    background-color: white;
}
}



/*btn buscar*/
.content-search .spr-search-button {
    color: #f58120;
}

.content-search .spr-search-button:hover {
    color: #444;
}


/*Seguimiento chilexpress*/
@media(min-width:800px){
    .conten-seguimiento{
        background: #ffb900;
        padding: 10px;
        color: #343a40;
        width: 63%;
        margin: auto;
        margin-bottom: 44px;
        border-radius: 10px;
        font-weight:bolder;
    }
}

@media(max-width:799px){
    .conten-seguimiento{
        background: #ffb900;
        padding: 10px;
        color: #343a40;
        width: 100%;
        margin: auto;
        margin-bottom: 44px;
        border-radius: 10px;
        font-weight:bolder;
    }
}

.chexpress-input{
    border: none;
    border-radius: 50px;
}

.formulario{
    padding-left:13%;
    padding-right:13%;
}


.header-callus .spcustom_html p .fa:hover {
    color: #444;
}



/*margincompartir producto*/
.product-page .product-actions .social-sharing span {
    margin-right: 3%;
}



/*linea naranja menu top*/
.header_v2 .header-nav {
    background: #f8f8f8;
    border-bottom: 3px solid #f58120;
}


/*boton agregar */


.product-page .product-actions .product-add-to-cart .add-to-cart {
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    background: #ff4c4c;
    border: none;
    border-radius: 5px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    transition: 0.3s all ease 0s;
}


@media (max-width:800px){
.product-page .product-actions .product-add-to-cart .add-to-cart {
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    background: #ff4c4c;
    border: none;
    border-radius: 5px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    transition: 0.3s all ease 0s;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 10;
}
}



/*Compartir (vista rapida espaciado)*/
div.quickview .social-sharing span {
    display: inline-block;
    width: 70px;
    color: #222;
    font-size: 14px;
    margin: 0;
    vertical-align: top;
    padding: 3px 0 0;
    margin-right: 2%;
}

/*contacto en linea...*/
.contactinfo .content-footer label {
    padding: 0;
    margin: 0;
    width: 75px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    display: contents;
}


/*color gris menu top*/
.header_v2 .header-nav {
    background: #dcdcdc;
}

/*modal chilexpress*/
#chilexpress{
    display:none;
    position:absolute;
    width:100%;
    z-index:10000;
}

.ventana-chilexpress2{
    position:absolute;
    right: 13%;
    top: 107%;
}

.chilexpress-flecha{
    position: absolute;
    right: 8%;
    top: -8%;
    font-size: x-large;
    color: #ffb900;
}

.btn-cerrar-chilexpress{
    position: absolute;
    right: 0px;
    background: #ffb900;
}

@media (max-width:1024px){
    #chilexpress{
        display:none;
        position:absolute;
        width:80%;
        z-index:10000;
    }
}


.btn-primary:hover {
    color: #fff;
    background-color: #f0ae00;
    border-color: transparent;
}

.btn-primary:focus {
    color: #fff;
    background-color: #f0ae00;
    border-color: transparent;
}

/*color comentarios*/
#product-comments-list-header {
    color: #f58120;
}


/*iconos inicio*/
.promotion .item .icon {
    display: block;
    float: left;
    margin: 0 30px 0 0;
    height: 44px;
    width: 44px;
    background-image: url(https://shaarabuy.cl/imagenes/iconos-juntos.png);
    background-repeat: no-repeat;
    font-size: 0;
    opacity: 1;
    transition: 0.3s all ease 0s;
}

/*tamaño marcas*/
.spmanufactureslider .item-wrap a .logo_manufacturer {
    width: 120px;
}

/*Caja categorias*/
@media (min-width:800px){
    .conten-categorias{
        background: #fff;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 30px;
        text-align: center;
        border-radius: 10px;
    }
    
    .columna1{
        display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 45px;
    }
    
    .titulo{
        font-size: 1.75rem;
        padding-bottom: 31px;
        padding-top: 31px;
        font-weight: 700;
        margin: auto;
    }
    
    .icono-cat{
        position: relative;
    }
    
    .nombre{
        font-size:smaller;
        font-weight:bold;
    }
    
    .cat1{
        padding: 20px;
    }
    
    .tamano-icon{
        width:100px;
        box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
        border-radius: 50px;
            margin-bottom: 10px;
    }
}

@media (max-width:799px){
    .conten-categorias{
        background: #fff;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 20px;
        text-align: center;
        border-radius: 10px;
        box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
    }
    
    .columna1{
        display: flex;
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 45px;
    }
    
    .titulo{
        font-size: 1.0rem;
        padding-bottom: 31px;
        padding-top: 31px;
        font-weight: 700;
        margin: auto;
    }
    
    .icono-cat{
        position: relative;
    }
    
    .nombre{
        font-size:x-small;
        font-weight:bold;
    }
    
    .cat1{
        padding: 2px;
    }
    
    .tamano-icon{
        width: 51%;
         box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
        border-radius: 50px;
        margin-bottom: 10px;
    }
    
    .h2, h2 {
        font-size: 1.0rem;
    }
}


/*borde de categorias bottom none*/
.header-service {
    border:none;
}


/*h3 centrados inicio*/
.moduletable .module-tilte {
    text-align: center;
}


/*botones redes sociales top-empresa*/
.btn-facebook{
    color: #29487d;
    background-color: transparent;
    box-shadow: none;
    width: 10px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-radius: 50px;
    margin: auto;
}

.btn-instagram{
     color: #e1715e;
    background-color: transparent;
    box-shadow: none;
    width: 10px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-radius: 50px;
    margin: auto;
}

.btn-empresa{
    color:#888;
    background-color: transparent;
    box-shadow: none;
    width: 34%;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-radius: 50px;
    margin: auto;
    font-size:12px;
    display:inline-block;
}

.btn-empresa:hover{
    background:transparent;
    color:#f58120;
}

.conten-rs-empresa{
    position: relative;
    right: 10%;
}


/*letras sp mega menu mas pequeñas    mas tirado a la izquierda*/
@media(min-width:800px){
      .sp-megamenu .navbar-nav > li > a {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 8px 0px 7px;
    display: block;
    position: relative;
    font-weight: 600;
    border-radius: 3px;
    }

.sp-megamenu .home > a {
    position: relative;
    padding: 8px 10px 7px;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    border-radius: 3px;
}

.spmegamenu {
    float: left;
    width: 100%;
    position: absolute;
    left: -81px;
}

.sp-megamenu .navbar-nav > li {
    display: inline-block;
    margin: 0px 0 0 10px;
    padding: 10px 0;
}
}


.btn-siguenos{
    font-size: xx-large;
    margin: 1%;
}


/*linea de separacion home*/
.moduletable .module-tilte:after {
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e68b40;
    border: 1px solid #e68b40;
    width: 10%;
    margin: auto;
}


/*cajas inicio*/
@media(min-width:1024px){
.moduletable {
    margin: 0 0 30px;
    position: relative;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
    padding: 13px;
    border-radius:10px;
}
}

@media(max-width:1023px){
.moduletable {
    margin: 0 0 30px;
    position: relative;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
    padding: 5px;
    border-radius:10px;
}
}


/*flechas slider inicio*/
.sp-extraslider .owl-controls {
    position: absolute;
    right: 11px;
    top: 8px;
    z-index: 4;
}
.sp-manu-slider .owl-controls {
    position: absolute;
    right: 7px;
    top: 8px;
    z-index: 4;
}

.header-service .promotion {
    margin: 0;
    border: none;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
    border-radius: 10px;
    margin-top: 30px;
}

/*textos mas grandes inicio*/
@media (min-width:1024px){
.moduletable .module-tilte {
    font-size: 27px;
    color: #222;
    font-weight: 400;
    margin: 0 0 20px;
    position: relative;
    padding: 0 0 15px;
}
}


/*cambio color footer*/
.footer-container .footer-content {
    padding: 55px 0 22px;
    background: #343a40;
    border-top: 5px solid #d06628;
}


.footer-container .footer-bottom {
    padding: 36px 0;
    background: #343a40;
}


/*caja chilexpress footer adjustada a web*/
@media (min-width:1024px){
.conten-seguimiento2{
        background: #ffb900;
    padding: 10px;
    color: #343a40;
    width: 63%;
    margin: auto;
    margin-bottom: 44px;
    border-radius: 10px;
    font-weight: bolder;
    position: relative;
    right: 0%;
    top: 0%;
}
.chexpress-form{
display:flex;
}
}

@media (max-width:1024px){
.conten-seguimiento2{
        background: #ffb900;
        padding: 10px;
        color: #343a40;
        width: 100%;
        margin: auto;
        margin-bottom: 44px;
        border-radius: 10px;
        font-weight:bolder;
}
.chexpress-form{
display:block;
}
}

/*medios de pago footer*/
.medio-pago{
    width: 80%;
    margin-bottom: 0%;
    text-align: center;
    margin-right: 0%;
    margin: auto;
    padding: 7px;
}

@media (max-width:1024px){
       .medio-pago{
              width: 33%;
              margin-bottom: 0%;
              text-align: center;
              padding: 4%;
              display: inline-block;
       }
}


@media (min-width:1024px){
.conten-mediopago{
    display: flex;
    left: 15%;
}
}

@media (min-width:1024px){
.conten-mediopago{
    left: 15%;
}
}

/*agregar a la bolsa colecciones verde*/
.product-miniature .ajax-add-to-cart {
    margin: 0;
    margin-top: 15px;
    padding: 2px 20px 0;
    color: #fff;
    background: #7ee055;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    box-shadow: none;
    font-size: 12px;
    font-weight: bolder;
    line-height: 38px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
/*compra segura ssl*/
@media (min-width: 1024px){
.compra-segura {
    display: flex;
}
}
@media (min-width: 1024px){
.imagen-compra-seg {
    display: inline-block;
    margin: auto;
    margin-left: 0px;
}
}
@media (min-width: 1024px){
.conten-compra-seg {
    float: right;
    font-size: small;
    font-weight: bold;
    margin-top: 6%;
}
}
@media (max-width: 1024px){
.compra-segura {
    display: flex;
    width: 100%;
    margin-top: 3%;
    margin-bottom: 1%;
}
}
@media (max-width: 1024px){
.imagen-compra-seg {
    margin: auto;
    display: inline-block;
    margin-left: 0px;
}
}
@media (max-width: 1024px){
.conten-compra-seg {
    float: right;
    font-size: x-small;
    font-weight: bold;
    margin-top: 6%;
    margin: auto;
}
}

/*contenedor abajo de imagenes del producto satisfaccion + despacho/disponible en tienda*/
.despacho-retiro {
    font-size: small;
    font-weight: bold;
    margin-top: 3%;
    margin-bottom: 3%;
    display: flex;
    border: 1px solid #00000029;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

/*contenido footer, copyright + info*/
@media (min-width:1024px){
.conten-footer {
    position: relative;
    right: 74%;
    margin-top:5%;
}
}
.footer-container .footer-bottom {
    padding: 6px 0;
    background: #f58120;
}

/*formulario buscar con sombra*/
.spr-container .sprsearch-form {
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
}

/*cajas en los productos*/
.product-listing .product-container {
    box-shadow: none;
    height: auto;
    margin: 0;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 10px;
    padding: 1%;
    margin-bottom: 14%;
}

.product-listing .product-container:hover {
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
}



/*btn ir arriba mas arriba para agregar msn facebook*/
a.backtotop {
        background-color: #777;
    width: 45px;
    height: 45px;
    bottom: 95px;
    right: 31px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9999;
    position: fixed;
    display: block;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    transform: scale(1);
    opacity: 1;
}


/*puntitos slider activo y desactivos*/
.sphomepage-slider .owl-controls .owl-dots .owl-dot.active {
    background: #666;
}

.sphomepage-slider .owl-controls .owl-dots .owl-dot {
    background: #e0e0e0;
}

/*Experiencia shaarabuy*/
.container-experiencia {
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
    padding: 1%;
}

.ayuda-experiencia {
    margin: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: large;
    font-weight: bold;
}


/*circulos de colores redondeados*/
.color-chaleco{
border-radius:50px;
}

.color-chaleco:hover{
border:1px solid #f58120;
}

.colores-chalecos{
margin-top:3%;
}


/*botón de comentario color naranjo*/
.btn-comment, .btn-comment-inverse {
    background-color: #f58120;
}

@media (min-width:1024px){
.product-page h1.product-name{
margin-left:5%;
}

.tab-pane{
margin-left:5%;
}

.product-page .product-prices{
margin-left:5%;
}

.product-actions{
margin-left:5%;
}
}

/*efecto hover, checked font naranjo y border naranjo*/
.input-color:checked + span, .input-color:hover + span, .input-radio:checked + span, .input-radio:hover + span {
    border: 2px solid #f58120;
    color: #f58120;
}


/*migas de pan al centro + font:bold*/
.breadcrumb {
    padding: 20px 0;
    margin-bottom: 18px;
    text-align: center;
    font-weight: bold;
}


/*cambio de color basurero bolsa*/
.product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart {
    color: #f58120;
    display: inline-block;
    margin-top: 0.3125rem;
    border: 1px solid #f58120;
    border-radius: 10px;
}


/*btn-primary*/
.card-block .btn-primary {
    color: #fff;
    background-color: #f58120;
    border-color: transparent;
}

.card-block .btn-primary:hover{
    color: #f58120;
    background-color: #fff;
    border-color: transparent;
}

body#checkout a:hover {
    color: #212529;
}


/*botones del checkout color naranjo*/
.btn-info {
    color: #fff;
    background-color: #f58120;
    border-color: #daa171;
}

.btn-info:hover {
    color: #f58120;
    background-color: #ffffff;
    border-color: #ededed;
}

/*precio del checkout rojo*/
.product-price {
    color: #ff4c4c;
    display: inline-block;
}

/*boton continuar comprando*/
.btn-link {
    font-weight: normal;
    color: #f58120;
    border-radius: 0;
}

.btn-link:focus, .btn-link:hover {
    color: #4cbb6c;
    text-decoration: underline;
    background-color: transparent;
}

/*boton ir a pagar*/
#spstepcheckout #spsco_review #btn_place_order {
    font-size: 1.2rem;
    color: #fff;
    background: #f58120;
}

@media (min-width: 1200px)
#index .header_v2 .sp-vermegamenu .navbar-nav {
    top: 100%;
    z-index: 9;
    opacity: 1;
    /* visibility: visible; */
}

/* Menu logo principal */

div.spverticalmenu {
    width: 20%;
    left: 8%;
    background: #fff;
    margin: -85px;
    position: relative;
}

/* Texto menu logo principal */

.header_v2 .sp-vermegamenu .cat-title {
    height: 50px;
    padding: 3px 20px;
    font-size: 0px;
    line-height: 44px;
}

/* Opciones menu principal */

@media (min-width: 1200px)
#index .header_v2 .sp-vermegamenu .navbar-nav: active {
    top: 100%;
    z-index: 9;
    opacity: 1;
    /* visibility: visible; */
}

/* Menu logo secundario */

.header_v2 div.spverticalmenu #sp-vermegamenu .navbar-nav > li > a {
    padding: 2.6px 20px;
    min-width: max-content;
}

/* Opciones menu secundario */

@media (min-width: 1200px)
#index .header_v2 .sp-vermegamenu .navbar-nav {
    top: 100%;
    z-index: 9;
    opacity: 1;
}

/*Border naranjo border radius del boton a 10px*/
.header_v2 .sp-vermegamenu .cat-title {
    height: 50px;
    padding: 3px 20px;
    font-size: 0px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #f58120;
    border-radius: 10px;
}

.sp-vermegamenu .cat-title .icon .line {
    display: block;
    width: 14px;
    height: 2px;
    margin: 0 0 2px;
    background: #f58120;
}
    </style>
    <script type="text/javascript">
        function segChilexpress(){
    var nEnvio = document.getElementById("n-orden").value;
    var url="https://www.chilexpress.cl/Views/ChilexpressCL/Resultado-busqueda.aspx?DATA="+nEnvio;
    
        // Abrir nuevo tab
        var win = window.open(url, '_blank');
        // Cambiar el foco al nuevo tab (punto opcional)
        win.focus();
}

//mostrar-ocultar chilexpress menu
$(document).ready(function(){
		$("#mostrar").click(function(){
			$('#chilexpress').show(2000);
			$('#chilexpress').show("slow");
		 });
		$("#ocultar").click(function(){
			$('#chilexpress').hide(3000);
			$('#chilexpress').hide("fast");
		 });
	});
    </script>
    	
  	</head>
  		  	<body id="index" class="lang-es country-cl currency-clp layout-full-width page-index tax-display-enabled content-v1 layout-full keepMenuTop_off  patternnone">
    	
    	<main>
      		
        		      		
       		<header id="header">
									<div class="header-container header_v2">
	
		
		  	<nav class="header-nav">
				<div class="container">
					<div class="row">
						<div class="hidden-sm-down">
							<div class="nav-left col-xs-12 col-md-6">
								
							</div>
							<div class="nav-right col-xs-12 col-md-6">
								<div class="conten-rs-empresa"><a class="btn btn-primary btn-empresa" href="https://www.instagram.com/shaara_buy/"> Empresa</a> <a class="btn btn-primary btn-empresa" href="https://shaarabuy.cl/contactenos">Contacto</a><a target="_blank" class="btn btn-primary btn-facebook" href="https://www.facebook.com/Shaara-Buy-104380464420136/?eid=ARDo6easlt7Atee6ylxBlbXZcuS74iKFYEZC2OeTjfVlY67n58XOxSlH5A3zV8PBwbhFxDqzzoWVjQzI"> <i class="fab fa-facebook"></i></a> <a target="_blank" class="btn btn-primary btn-instagram" href="https://www.instagram.com/shaara_buy/"> <i class="fab fa-instagram"></i></a></div><div id="_desktop_spuserinfo">
    <div class="user-info">
                    <div class="welcome-text">Bienvenido!</div>
            <a class="login" href="https://shaarabuy.cl/mi-cuenta" title="Accede para comprar más rápido y revisa los detalles de tus compras anteriores " rel="nofollow" >
                <span>Inicia Sesión</span>
            </a>
            </div>
</div>
							</div>
						</div>
						<div class="col-xs-12 hidden-md-up text-xs-center mobile">
							<div id="menu-icon" class="pull-xs-left">
								Menú principal <i class="material-icons">&#xE5C5;</i>
							</div>
							<div id="_mobile_headercallus" class="pull-xs-right">
								
							</div>
							<div class="clearfix"></div>
						</div>
						<div id="mobile_top_menu_wrapper" class="col-xs-12 hidden-md-up" style="display:none;">
							<div class="js-top-menu-bottom">
							  	<div id="_mobile_spuserinfo"></div>
							  	<div id="_mobile_spcurrency"></div>
							  	<div id="_mobile_splanguage"></div>
							</div>
							<div class="clearfix"></div>
					  	</div>
					</div>
				</div>
		  	</nav>
		
		
		  	<div class="header-top">
				<div class="container">
					<div class="hidden-md-up header-top-mobile clearfix">
						<div class="pull-xs-left" id="_mobile_logo"></div>
						<div class="pull-xs-right" id="_mobile_cart"></div>
						<div class="pull-xs-left mobile-search">
							<span class="fa fa-search" id="btn_search"></span>
							<div class="search-content" id="_mobile_topsearch"></div>
							<script type="text/javascript">
								$(document).ready(function(){
									if ($('.spSearchPro').length > 0) {
										$('#btn_search').on('click', function(){
											$(this).toggleClass('btnActive');
											$('#_mobile_topsearch').toggleClass('active-search');
										});
									}
									else{
										$('.mobile-search').addClass('hidden-xs-up');
									}
								});
							</script>
						</div>
					</div>
			   		<div class="row">
						<div class="col-md-12 col-lg-3 hidden-sm-down" id="_desktop_logo">
				  			<a href="https://shaarabuy.cl/">
								<img class="logo img-responsive" src="/img/shaarabuy-logo-1584291057.jpg" alt="ShaaraBuy">
				  			</a>
						</div>
						<div class="header-top-right hidden-sm-down col-md-12 col-lg-9">
							<div class="row no-gutter-width">
								<div id="_desktop_topsearch" class="col-sm-12 col-md-5 col-lg-5 col-xl-6">
									                                                <div class="spSearchPro ">
                				                                                                    <div id="sp_search_pro_2" class="spr-container spr-preload"
					data-id_lang = "1"
					data-module_link = "//shaarabuy.cl/busqueda"
					data-basedir = "/"
					 
						data-id_spsearchpro = "2" 
					 
						data-title_module = "Sp Search Pro Layout 2" 
					 
						data-display_title_module = "0" 
					 
						data-moduleclass_sfx = "" 
					 
						data-active = "1" 
					 
						data-hook = "542" 
					 
						data-target = "self" 
					 
						data-display_box_select = "0" 
									>
                    <form class="sprsearch-form  hidden-box" method="get" action="//shaarabuy.cl/busqueda">
							<input type="hidden" name="controller" value="search">
													<div class="content-search">	
                            <input class="spr-query" type="text" name="s"
                                   value=""
                                   placeholder="¿Qué estás buscando?"/>
                            <button value="Buscar" class="spr-search-button" type="submit" name="spr_submit_search">
                                <i class="fa fa-search"></i>
                            </button>
						</div>
                    </form>
                </div>
            </div>
            


								</div>
								<div id="_desktop_headercallus" class="header-callus hidden-sm-down col-sm-6 col-md-4 col-lg-4 col-xl-4">
									                    
                        <div class="sp_customhtml_3_1585365878586304043
		 spcustom_html">
                                        <p><!--<a target="_blank" href="https://api.whatsapp.com/send?%20%20%20%20%20%20%20%20%20phone=56941699468&text=Hola,%20Tengo%20una%20consulta!" rel="noreferrer noopener"> <i class="fa fa-whatsapp iconos-header" style="font-size: x-large;"> </i> +569 41699468</a> --> <a href="https://shaarabuy.cl/mi-cuenta"><i class="fa fa-user iconos-header" style="font-size: x-large; margin-left: 3%;"></i> Inicia sesión/Regístrate </a>  <a href="#" id="mostrar" style="margin-top: 3%; text-align: center;"> <i class="fas fa-shipping-fast" style="color: #f58120; font-size: x-large;"></i> </a></p>
                    </div>
    <div id="chilexpress" class="container conten-seguimiento text-center ventana-chilexpress2">
<div><i class="fa fa-caret-up chilexpress-flecha" style="font-size: large;"></i> <img width="150px" src="https://imgbox.es/images/2020/02/21/chilexpress28d6ea8edacc9662.png" alt="chilexpress" title="chilexpress" border="0" /> <button id="ocultar" class="btn btn-primary btn-cerrar-chilexpress" style="color: #343a40; font-weight: bolder; border: 1px solid #343a4045; border-radius: 50px; padding: 11px; padding-bottom: 7px; padding-top: 7px;">X </button>
<div class="input-group" style="background: #ffb900; text-align: center; border-radius: 50px;"><input style="background: #fff; border-radius: 50px; padding-left: 10px; width: 100%;" placeholder="N° de envío..." class="chexpress-input" type="text" id="n-orden" name="Número de envío" /> <button class="btn btn-primary" onclick="javascript:segChilexpress()" style="color: #343a40; font-weight: bolder; margin-right: 6%; margin-top: 4%; border-radius: 10px; background: #ffb900;"> Revisar</button></div>
</div>
</div>
								</div>
								<div id="desktop_cart" class="col-sm-6 col-md-3 col-lg-3 col-xl-2">
									<div id="_desktop_cart" class="clearfix">
	<div id="spblockcart" class="spblockcart cart-preview inactive" data-refresh-url="https://shaarabuy.cl/module/spblockcart/ajax">
		<div class="header">
							<i class="material-icons shopping-cart">shopping_cart</i>
				<span class="shopping-cart-title">Mi Bolsa</span>
				<span class="cart-products-total">$0</span>
				<span class="cart-products-count">0</span>
					</div>
	</div>
</div>
								</div>
							</div>
						</div>
			  		</div>
				</div>
		  	</div>
		
		
			<div class="header-menu">
				<div class="container">
					<div class="row">
						<div class="col-xs-6 col-lg-3">
														<div id="spverticalmenu_1" class="spverticalmenu ">
				
			<nav class="navbar-default navbar-vertical" role="navigation">
				<div class="navbar-header">
					<button type="button" id="show-vermegamenu" data-toggle="collapse" data-target=".sp-vermegamenu" class="navbar-toggle">
					Categorías	
					</button>
				</div>
				<div id="sp-vermegamenu" class="sp-vermegamenu clearfix">
					<span id="remove-vermegamenu" class="fa fa-remove"></span>
					<h2 class="cat-title">
						<span class="icon">
							<span class="line"></span>
							<span class="line"></span>
							<span class="line"></span>
						</span>
						Categorías
					</h2>
					<div class="sp-verticalmenu-container">
						<ul class="nav navbar-nav  menu sp_lesp level-1"><li class="item-1 vertical-cat"  >
							<a href="https://shaarabuy.cl/18-productos-destacados" title="Productos Destacados"><i class="icon-v1"></i>Productos destacados</a></li>
<li class="item-1 mega_type type1 group"  >
							<a href="https://shaarabuy.cl/19-ofertas-de-la-semana" title="Ofertas de la semana"><i class="icon-v2"></i>Ofertas de la semana</a></li>
<li class="item-1 mega_type type1 parent"  >
							<a href="https://shaarabuy.cl/brands" title="Marcas"><i class="icon-v7"></i><span class="sp_megamenu_title">Marcas</span></a><span class="grower close"> </span></li>
<li class="item-1 "  >
							<a href="#" title="Acerca de ShaaraBuy"><i class="icon-v13"></i><span class="sp_megamenu_title">Acerca de ShaaraBuy</span></a></li>
<li class="item-1 "  >
							<a href="#" title="Contacto"><i class="icon-v5"></i><span class="sp_megamenu_title">Contacto</span></a></li>
</ul>
					</div>
				</div>
			</nav>	
		</div>
		<script type="text/javascript">

		$(document).ready(function() {
			var $element = $("#spverticalmenu_1");
			var limit = 9 ;
			if($( ".sp-vermegamenu .sp-verticalmenu-container >ul >li",$element).length > limit)		
				$(".sp-vermegamenu .sp-verticalmenu-container >ul",$element).append('<div class="more-wrap"><i class="icon-plus-sign-alt"></i><span class="more-view">More Categories</span></div>');
			$(".sp-vermegamenu .item-1",$element).each(function(i){
				if(i> (limit -1)){ 
					$(this).css('display', 'none');
				}			
			});

			$(".sp-vermegamenu .more-wrap",$element).click(function(){
				var this_more = $(this);
				if($(this).hasClass('open')){
					$(".sp-vermegamenu .item-1",$element).each(function(i){
						if(i>limit-1){
							$(this).slideUp(200);
						}
					});
					$(this).removeClass('open');
					$(this_more).html('<span class="more-view">More Categories</span>');
				}else{
					$('.sp-vermegamenu .item-1',$element).each(function(i){
						if(i>limit-1){
							$(this).slideDown(200);
						}
					});
					$(this).addClass('open');
					$(this_more).html('<span class="more-view">Close Menu</span>');
				}
			});

				var wd_width = $(window).width();
				if(wd_width > 767){
					offtogglevermegamenu($element);
					renderWidthSubmenu($element);
				}	
					
				$(window).resize(function() {
					var sp_width = $( window ).width();
					if(sp_width > 767){
						offtogglevermegamenu($element);
						renderWidthSubmenu($element);
					}	
				});
					
				$(".sp-vermegamenu  li.parent  .grower",$element).click(function(){
						if($(this).hasClass('close'))
							$(this).addClass('open').removeClass('close');
						else
							$(this).addClass('close').removeClass('open');
							
						$('.dropdown-menu',$(this).parent()).first().toggle(300);
						
				});
				
				
				$('#show-vermegamenu',$element).click(function() {
					if($('.sp-vermegamenu',$element).hasClass('sp-vermegamenu-active'))
						$('.sp-vermegamenu',$element).removeClass('sp-vermegamenu-active');
					else
						$('.sp-vermegamenu',$element).addClass('sp-vermegamenu-active');
					return false;
				});
				
				$('#remove-vermegamenu',$element).click(function() {
					$('.sp-vermegamenu',$element).removeClass('sp-vermegamenu-active');
					return false;
				});				

		});
		
		
	</script>
		
	
	<script type="text/javascript">	
		function offtogglevermegamenu($element)
		{
			$('.sp-vermegamenu li.parent .dropdown-menu',$element).css('display','');	
			$('.sp-vermegamenu',$element).removeClass('sp-vermegamenu-active');
			$(".sp-vermegamenu  li.parent  .grower",$element).removeClass('open').addClass('close');	
		}

		function renderWidthSubmenu($element)
		{
			$('.sp-vermegamenu  li.parent',$element).each(function(){
				value = $(this).data("subwidth");
				if(value){
					var container_width = $('.container',$element).width();
					var vertical_width = $('.sp-vermegamenu',$element).width();
					var full_width = container_width - vertical_width;
					var width_submenu = (full_width*value)/100;
					$('> .dropdown-menu',this).css('width',width_submenu+'px');
				}	
			});
		}			
	</script>
	

						</div>
						<div class="col-xs-6 col-lg-9">
								<div class="spmegamenu">
		<nav class="navbar">
			<div class="navbar-button">
				<button type="button" id="show-megamenu" data-toggle="collapse" data-target="#sp-megamenu" class="navbar-toggle">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>
			<div id="sp-megamenu" class="mega sp-megamenu clearfix">
				<span id="remove-megamenu" class="fa fa-remove"></span>
				<span class="label-menu">Menu</span>
				<div class="sp-megamenu-container clearfix">
					<div class="home">
						<a href="https://shaarabuy.cl/">Inicio</a>
					</div>
					<ul class="nav navbar-nav  menu sp_lesp level-1"><li class="item-1 " ><a href="https://shaarabuy.cl/10-smartwatch" title="Smartwatch">Smartwatch</a></li>
<li class="item-1 " ><a href="https://shaarabuy.cl/11-cinturones-hombre" title="Cinturones hombre">Cinturones hombre</a></li>
<li class="item-1 " ><a href="https://shaarabuy.cl/12-chalecos-mujer" title="Chalecos mujer">Chalecos mujer</a></li>
<li class="item-1  parent" style="width:mega_type type_1"><a href="https://shaarabuy.cl/13-confites" title="Confites">Confites</a><div class="dropdown-menu" ><ul class="level-2"><li class="item-2 " ><a href="https://shaarabuy.cl/21-brazilian-coffee" title="Brazilian Coffee">Brazilian Coffee</a></li>
<li class="item-2 " ><a href="https://shaarabuy.cl/22-flopi" title="Flopi">Flopi</a></li>
<li class="item-2 " ><a href="https://shaarabuy.cl/23-dietorelle" title="Dietorelle">Dietorelle</a></li>
</ul></div><span class="grower close"> </span></li>
<li class="item-1 " ><a href="https://shaarabuy.cl/14-cascos-deporte" title="Cascos deporte">Cascos deporte</a></li>
<li class="item-1 " ><a href="https://shaarabuy.cl/15-limpieza" title="Limpieza">Limpieza</a></li>
<li class="item-1 " ><a href="https://shaarabuy.cl/16-cargadores" title="Cargadores">Cargadores</a></li>
<li class="item-1 " ><a href="https://shaarabuy.cl/17-carcaza-celulares" title="Carcasas">Carcasas</a></li>
</ul>
				</div>
			</div>
		</nav>	
	</div>	
<script type="text/javascript">
	
		$(document).ready(function() {		
			$("#sp-megamenu  li.parent  .grower").click(function(){
				if($(this).hasClass('close'))
					$(this).addClass('open').removeClass('close');
				else
					$(this).addClass('close').removeClass('open');				
				$('.dropdown-menu',$(this).parent()).first().toggle(300);			
			});
			$("#sp-megamenu .home .grower").click(function(){
				if($(this).hasClass('close'))
					$(this).addClass('open').removeClass('close');
				else
					$(this).addClass('close').removeClass('open');
					
				$('.dropdown-menu',$(this).parent()).first().toggle(300);
			});
			var wd_width = $(window).width();
			if(wd_width > 992)
				offtogglemegamenu();			
				
			$(window).resize(function() {
				var sp_width = $( window ).width();
				if(sp_width > 992)
					offtogglemegamenu();
			});
			
		});

		$('#show-megamenu').click(function() {
			if($('.sp-megamenu').hasClass('sp-megamenu-active'))
				$('.sp-megamenu').removeClass('sp-megamenu-active');
			else
				$('.sp-megamenu').addClass('sp-megamenu-active');
			return false;
		});
		$('#remove-megamenu').click(function() {
			$('.sp-megamenu').removeClass('sp-megamenu-active');
			return false;
		});
		function offtogglemegamenu()
		{
			$('#sp-megamenu li.parent .dropdown-menu').css('display','');
			$('#sp-megamenu').removeClass('sp-megamenu-active');
			$("#sp-megamenu  li.parent  .grower").removeClass('open').addClass('close');
			$('#sp-megamenu .home .dropdown-menu').css('display','');
			$('#sp-megamenu').removeClass('sp-megamenu-active');
			$("#sp-megamenu .home  .grower").removeClass('open').addClass('close');
		}	
		
	
</script>
						</div>
					</div>
				</div>
			</div>
		
					
				<div class="header-bottom">
					<div class="block-slider">
						
<!-- Module SpHomeSlider -->
    		<div id="sphomepage-slider2" class="sphomepage-slider ">
							 <div class="sp-homeslider sphomeslider-inner-2">
								
												
										<div class="item ">
						<a href="#" title="#">
							<img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/f2ea5d269754ea6f08fd97631f61b2fa9654c217_BANNER-BIENVENIDOS.2.jpg"  alt="#" />
						</a>
											</div>	
													
												
										<div class="item ">
						<a href="#" title="#">
							<img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/dd235c184a6693c71f68e33cf864b86d6d08768c_BANNER-BRAZILIAN-COFFE.2.jpg"  alt="#" />
						</a>
											</div>	
													
												
										<div class="item ">
						<a href="#" title="#">
							<img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/6b98bd631ded41da9cba9df6ea36a3ad99162004_BANNER-CHALECOS-2 (3).jpg"  alt="#" />
						</a>
											</div>	
													
												
										<div class="item ">
						<a href="#" title="#">
							<img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/b4ca73d2095f7808f4d5ce528fe1ef3ebd743134_BANNER-FLOPI.2.jpg"  alt="#" />
						</a>
											</div>	
													
												
										<div class="item ">
						<a href="#" title="#">
							<img class="responsive" src="https://shaarabuy.cl/modules/sphomeslider/images/8a6223fcaf4a8e138ee723e14db3813f9c785987_BANNER-IWO (4).jpg"  alt="#" />
						</a>
											</div>	
												</div>
		</div>
				<script type="text/javascript">
				$(".sphomeslider-inner-2").owlCarousel({
						animateOut: 'fadeOut',
						animateIn: 'fadeIn',
						autoplay: true,
						autoplayTimeout: 20000,
						autoplaySpeed: 2000,
						smartSpeed: 500,
						autoplayHoverPause: true,
						startPosition: 0,
						mouseDrag: true,
						touchDrag: true,
						pullDrag: true,
						dots: 1,
						autoWidth: false,
						dotClass: "owl-dot",
						dotsClass: "owl-dots",
						nav: true,
						loop: true,
						navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
						navClass: ["owl-prev", "owl-next"],
						responsive:{
							0:{
							  items:1 // In this configuration 1 is enabled from 0px up to 479px screen size 
							},
						}
				});
		</script>
				
	<!-- /Module SpHomeSlider -->

					</div>
					<div class="header-service">
						<div class="container">
							                    
                        <div class="sp_customhtml_1_15853658781381877841
		 spcustom_html">
                                        <div class="promotion clearfix">
<div class="item item1">
<div class="icon">Icon</div>
<div class="text">
<h2>Crédito/Débito</h2>
<p>Pago a través de WebPay</p>
</div>
</div>
<div class="item item2">
<div class="icon">Icon</div>
<div class="text">
<h2>Transferencia bancaria</h2>
<p>Puedes transferirnos sin ningún problema</p>
</div>
</div>
<div class="item item3">
<div class="icon">Icon</div>
<div class="text">
<h2>Despacho a todo Chile</h2>
<p>Despacho a través de Chilexpress</p>
</div>
</div>
</div>
                    </div>
    <div class="conten-categorias" style="margin-bottom: -145px;">
<div class="moduletable">
<h3 class="module-tilte" style="color: black; font-weight: inherit;">Nuestras categorías</h3>
<div class="columna1">
<div class="cat1">
<div class="icono-cat"><a href="/11-cinturones-hombre" title="Accesorios"><img class="tamano-icon" src="/imagenes/categorias/cinturones2.png" alt="cinturon04aba455c50f5747.png" border="0" /></a></div>
<div class="nombre">Cinturones hombre</div>
</div>
<div class="cat1">
<div class="icono-cat"><a href="/12-chalecos-mujer" title="Vestuario"><img class="tamano-icon" src="/imagenes/categorias/ropa-mujer2.png" alt="vestuario-mujer9eb533af71a530fc.png" border="0" /></a></div>
<div class="nombre">Chalecos mujer</div>
</div>
</div>
<div class="columna1">
<div class="cat1">
<div class="icono-cat"><a href="/13-confites" title="Confites"><img class="tamano-icon" src="/imagenes/categorias/dulces2.png" alt="dulce-2ee9622e66f3f3a5e.png" border="0" /></a></div>
<div class="nombre">Confites</div>
</div>
<div class="cat1">
<div class="icono-cat"><a href="/10-smartwatch" title="Smartwatch"><img class="tamano-icon" src="/imagenes/categorias/smartwatch2.png" alt="reloj-2a8b5035c4972e29f.png" border="0" /></a></div>
<div class="nombre">Smartwatch</div>
</div>
</div>
<div class="columna1">
<div class="cat1">
<div class="icono-cat"><a href="/14-cascos-deporte" title="Deporte"><img class="tamano-icon" src="/imagenes/categorias/deporte2.png" alt="deporte-2e23b428c1b149b5b.png" border="0" /></a></div>
<div class="nombre">Cascos deportivos</div>
</div>
<div class="cat1">
<div class="icono-cat"><a href="/15-limpieza" title="Limpieza Hogar"><img class="tamano-icon" src="/imagenes/categorias/limpieza2.png" alt="limpiezace526435fc87c990.png" border="0" /></a></div>
<div class="nombre">Limpieza hogar</div>
</div>
</div>
<div class="columna1">
<div class="cat1">
<div class="icono-cat"><a href="/16-cargadores" title="Cargadores"><img class="tamano-icon" src="/imagenes/categorias/cargadores2.png" alt="cargadoresa4aca238f959ed10.png" border="0" /></a></div>
<div class="nombre">Cargadores</div>
</div>
<div class="cat1">
<div class="icono-cat"><a href="/17-carcaza-celulares" title="Protectores"><img class="tamano-icon" src="/imagenes/categorias/protectores2.png" alt="carcaza0b08110531a4f5ab.png" border="0" /></a></div>
<div class="nombre">Carcasas</div>
</div>
</div>
</div>
</div>
						</div>
					</div>
				</div>
			
			
</div>				      		</header>
      		
        		<aside id="notifications">
  <div class="container">
    
    
    
      </div>
</aside>
      		
      		<section id="wrapper">
				<div class="container">
					
						<nav data-depth="1" class="breadcrumb hidden-sm-down hidden-xs-up">
    <ul itemscope itemtype="http://schema.org/BreadcrumbList">
                    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                <a itemprop="item" href="https://shaarabuy.cl/">
                    <span itemprop="name">Inicio</span>
                </a>
                <meta itemprop="position" content="1">
            </li>
            </ul>
</nav>					
					<div class="row">
						
						
  	<div id="content-wrapper" class="col-xs-12">
    	
    <section id="main">
        
            
        
        
						<section id="content" class="page-home content-v1">
	
	<div class="banner1">
		<div class="banner-img1">
			
		</div>
		<div class="banner-img2">
			
		</div>
	</div>
	<div class="banner2">
		<div class="banner-img1">
			
		</div>
		
		<div class="banner-img2">
			
		</div>
		<div class="banner-img3">
			
		</div>
	</div>
	<!-- SP Extra Slider -->
                    <div class="moduletable  ">
                            <h3 class="module-tilte">
                    Productos Destacados
                </h3>
                                                    
                                                                                                                                                                                                                                                                                                                                                                                                                                                                	                <div id="sp_extra_slider_1_1585365878835821190"
	                 	class="sp-extraslider buttom-type1 preset01-5 preset02-4 preset03-3 preset04-2
	                  	button-type1">
	                    <div class="extraslider-inner product-listing" data-effect="none">
	                        	                        	                        
	                        	                            
	                            	                                <div class="item">
	                            								<article class="product-miniature js-product-miniature" data-id-product="52" data-id-product-attribute="412" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/carcaza-celulares/52-carcasa-de-cuero-iphone-xxs-tarjetero.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/259-home_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/259-large_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/260-home_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/carcaza-celulares/52-carcasa-de-cuero-iphone-xxs-tarjetero.html">Carcasa de Cuero Iphone X/XS Tarjetero</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 52;
    const productReview = $('#product-list-reviews-52');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-52" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="8900" class="price">$8.900</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="52" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                        	                            
	                            								<article class="product-miniature js-product-miniature" data-id-product="55" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/cargadores/55-cargador-inalambrico-rapido-automovil-touch.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/269-home_default/cargador-inalambrico-rapido-automovil-touch.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/269-large_default/cargador-inalambrico-rapido-automovil-touch.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/270-home_default/cargador-inalambrico-rapido-automovil-touch.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cargadores/55-cargador-inalambrico-rapido-automovil-touch.html">Cargador Inalámbrico Rápido Automóvil Touch</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 55;
    const productReview = $('#product-list-reviews-55');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-55" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="29990" class="price">$29.990</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="55" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                                </div>
	                            	                        	                            
	                            	                                <div class="item">
	                            								<article class="product-miniature js-product-miniature" data-id-product="71" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/cascos-deporte/71-casco-phmax-guantes-rojogris-bicicleta.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/309-home_default/casco-phmax-guantes-rojogris-bicicleta.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/309-large_default/casco-phmax-guantes-rojogris-bicicleta.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/310-home_default/casco-phmax-guantes-rojogris-bicicleta.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cascos-deporte/71-casco-phmax-guantes-rojogris-bicicleta.html">Casco PHMAX + Guantes Rojo/Gris Bicicleta</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 71;
    const productReview = $('#product-list-reviews-71');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-71" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="49990" class="price">$49.990</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="71" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                        	                            
	                            								<article class="product-miniature js-product-miniature" data-id-product="34" data-id-product-attribute="180" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/cinturones-hombre/34-cinturon-brindisi-mascardi.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/545-home_default/cinturon-brindisi-mascardi.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/545-large_default/cinturon-brindisi-mascardi.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/544-home_default/cinturon-brindisi-mascardi.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cinturones-hombre/34-cinturon-brindisi-mascardi.html">Cinturón ECO Brindisi Mascardi</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 34;
    const productReview = $('#product-list-reviews-34');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-34" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="9990" class="price">$9.990</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="34" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                                </div>
	                            	                        	                            
	                            	                                <div class="item">
	                            								<article class="product-miniature js-product-miniature" data-id-product="59" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/brazilian-coffee/59-dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/275-home_default/dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/275-large_default/dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/274-home_default/dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																																		<span class="on-sale-label">¡En oferta!</span>
																														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/brazilian-coffee/59-dulces-brazilian-coffee-box-display-18-box-35gr-x-cajita.html">Dulces Brazilian Coffee Box Display 18 Box 35gr...</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 59;
    const productReview = $('#product-list-reviews-59');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-59" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="12900" class="price">$12.900</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="59" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                        	                            
	                            								<article class="product-miniature js-product-miniature" data-id-product="66" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/flopi/66-dulces-flopi-diet-surtido-display-con-18-latas.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/298-home_default/dulces-flopi-diet-surtido-display-con-18-latas.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/298-large_default/dulces-flopi-diet-surtido-display-con-18-latas.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/299-home_default/dulces-flopi-diet-surtido-display-con-18-latas.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/flopi/66-dulces-flopi-diet-surtido-display-con-18-latas.html">Dulces Flopi Diet Surtido Display Con 18 latas</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 66;
    const productReview = $('#product-list-reviews-66');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-66" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="24900" class="price">$24.900</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="66" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                                </div>
	                            	                        	                            
	                            	                                <div class="item">
	                            								<article class="product-miniature js-product-miniature" data-id-product="76" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/limpieza/76-detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/329-home_default/detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/329-large_default/detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/330-home_default/detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/limpieza/76-detergente-pack-dosificador-mano-facil-splum-100ml-caja-con-24uni.html">Pack Dosificador + Splum 100ml Caja con 24uni.</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 76;
    const productReview = $('#product-list-reviews-76');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-76" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="39900" class="price">$39.900</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="76" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                        	                            
	                            								<article class="product-miniature js-product-miniature" data-id-product="81" data-id-product-attribute="426" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/smartwatch/81-smartband-iwo-s3.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/362-home_default/smartband-iwo-s3.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/362-large_default/smartband-iwo-s3.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/363-home_default/smartband-iwo-s3.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/smartwatch/81-smartband-iwo-s3.html">Smartband Android/iOS IWO S3</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 81;
    const productReview = $('#product-list-reviews-81');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-81" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="39900" class="price">$39.900</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="81" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                                </div>
	                            	                        	                            
	                            	                                <div class="item">
	                            								<article class="product-miniature js-product-miniature" data-id-product="79" data-id-product-attribute="420" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/smartwatch/79-smartwatch-iwo-11.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/350-home_default/smartwatch-iwo-11.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/350-large_default/smartwatch-iwo-11.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/345-home_default/smartwatch-iwo-11.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/smartwatch/79-smartwatch-iwo-11.html">Smartwatch Android/iOS IWO 11</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 79;
    const productReview = $('#product-list-reviews-79');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-79" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="83300" class="price">$83.300</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="79" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                        	                            
	                            								<article class="product-miniature js-product-miniature" data-id-product="78" data-id-product-attribute="418" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/smartwatch/78-smartwatch-iwo-8-lite.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/335-home_default/smartwatch-iwo-8-lite.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/335-large_default/smartwatch-iwo-8-lite.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/341-home_default/smartwatch-iwo-8-lite.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/smartwatch/78-smartwatch-iwo-8-lite.html">Smartwatch IWO 8 Lite</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 78;
    const productReview = $('#product-list-reviews-78');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-78" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="34900" class="price">$34.900</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="78" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                                </div>
	                            	                        	                    </div>
	                </div>
            	                <script type="text/javascript">
                    //<![CDATA[
                    jQuery(document).ready(function ($) {
						;(function (element) {
							var $element = $(element),
									$extraslider = $(".extraslider-inner", $element),
									_delay = 500,
									_duration = 800,
									_effect = "none";

							$extraslider.on("initialized.owl.carousel", function () {
								var $item_active = $(".owl-item.active", $element);
								if ($item_active.length > 1 && _effect != "none") {
									_getAnimate($item_active);
								}
								else {
									var $item = $(".owl-item", $element);
									
									$item.css({"opacity": 1, "filter": "alpha(opacity = 100)"});
									
								}

								
																	$(".owl-controls", $element).insertBefore($extraslider);
									$(".owl-dots", $element).insertAfter($(".owl-prev", $element));
								
							});

							$extraslider.owlCarousel({
								margin: 20,
								slideBy: 1,
								autoplay: false,
								autoplay_hover_pause: true,
								autoplay_timeout: 1000,
								autoplaySpeed: 1000,
								smartSpeed: 1000,
								startPosition: 0,
								mouseDrag: true,
								touchDrag:true,
								pullDrag:true,
								autoWidth: false,
								responsive: {
									0: {items:1},
									480: {items:2},
									768: {items:3},
									992: {items:4},
									1200: {items: 5}
								},
								dotClass: "owl-dot",
								dotsClass: "owl-dots",
								dots: false,
								dotsSpeed:500,
								nav: true,
								loop: true,
								navSpeed: 500,
								navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
								navClass: ["owl-prev", "owl-next"]
															});

							$extraslider.on("translate.owl.carousel", function (e) {
																
								var $item_active = $(".owl-item.active", $element);
								_UngetAnimate($item_active);
								_getAnimate($item_active);
							});

							$extraslider.on("translated.owl.carousel", function (e) {
							
																
								var $item_active = $(".owl-item.active", $element);
								var $item = $(".owl-item", $element);

								_UngetAnimate($item);

								if ($item_active.length > 1 && _effect != "none") {
									_getAnimate($item_active);
								} else {
									
										 $item.css({"opacity": 1, "filter": "alpha(opacity = 100)"});
									
								}
							});

							function _getAnimate($el) {
								if (_effect == "none") return;
								//if ($.browser.msie && parseInt($.browser.version, 10) <= 9) return;
								$extraslider.removeClass("extra-animate");
								$el.each(function (i) {
									var $_el = $(this);
									$(this).css({
										"-webkit-animation": _effect + " " + _duration + "ms ease both",
										"-moz-animation": _effect + " " + _duration + "ms ease both",
										"-o-animation": _effect + " " + _duration + "ms ease both",
										"animation": _effect + " " + _duration + "ms ease both",
										"-webkit-animation-delay": +i * _delay + "ms",
										"-moz-animation-delay": +i * _delay + "ms",
										"-o-animation-delay": +i * _delay + "ms",
										"animation-delay": +i * _delay + "ms",
										"opacity": 1
									}).animate({
										opacity: 1
									});

									if (i == $el.size() - 1) {
										$extraslider.addClass("extra-animate");
									}
								});
							}

							function _UngetAnimate($el) {
								$el.each(function (i) {
									$(this).css({
										"animation": "",
										"-webkit-animation": "",
										"-moz-animation": "",
										"-o-animation": "",
										"opacity": 0
									});
								});
							}
							
							data = new Date(2013, 10, 26, 12, 00, 00);
							function CountDown(date, id) {
								dateNow = new Date();
								amount = date.getTime() - dateNow.getTime();
								if (amount < 0 && $("#" + id).length) {
									$("." + id).html("Now!");
								} else {
									days = 0;
									hours = 0;
									mins = 0;
									secs = 0;
									out = "";
									amount = Math.floor(amount / 1000);
									days = Math.floor(amount / 86400);
									amount = amount % 86400;
									hours = Math.floor(amount / 3600);
									amount = amount % 3600;
									mins = Math.floor(amount / 60);
									amount = amount % 60;
									secs = Math.floor(amount);
									if (days != 0) {
										out += "<div class='time-item time-day'>" + "<div class='num-time'>" + days + "</div>" + "<div class='name-time'>" + ((days == 1) ? "Día" : "Dias") + "</div>" + "</div> ";
									}
									if (hours != 0) {
										out += "<div class='time-item time-hour'>" + "<div class='num-time'>" + hours + "</div>" + "<div class='name-time'>" + ((hours == 1) ? "Hora" : "Horas") + "</div>" + "</div>";
									}
									out += "<div class='time-item time-min'>" + "<div class='num-time'>" + mins + "</div>" + "<div class='name-time'>" + ((mins == 1) ? "Min" : "Mins") + "</div>" + "</div>";
									out += "<div class='time-item time-sec'>" + "<div class='num-time'>" + secs + "</div>" + "<div class='name-time'>" + ((secs == 1) ? "Seg" : "Segs") + "</div>" + "</div>";
									out = out.substr(0, out.length - 2);
									$("." + id).html(out);

									setTimeout(function () {
										CountDown(date, id);
									}, 1000);
								}
							}

							if (extradeal.length > 0) {
								for (var i = 0; i < extradeal.length; i++) {
									var arr = extradeal[i].split("|");
									if (arr[1].length) {
										var data = new Date(arr[1]);
										CountDown(data, arr[0]);
									}
								}
							}							

						})("#sp_extra_slider_1_1585365878835821190");
					});
                    //]]>
                </script>
                    </div>
                    <div class="moduletable  ">
                            <h3 class="module-tilte">
                    Ofertas de la semana
                </h3>
                                                    
                                                                                                                                                                                                                                                                                                                                                                                                                                                                	                <div id="sp_extra_slider_15_15853658781292900696"
	                 	class="sp-extraslider buttom-type1 preset01-5 preset02-4 preset03-3 preset04-2
	                  	button-type1">
	                    <div class="extraslider-inner product-listing" data-effect="none">
	                        	                        	                        
	                        	                            
	                            	                                <div class="item">
	                            								<article class="product-miniature js-product-miniature" data-id-product="52" data-id-product-attribute="412" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/carcaza-celulares/52-carcasa-de-cuero-iphone-xxs-tarjetero.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/259-home_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/259-large_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/260-home_default/carcasa-de-cuero-iphone-xxs-tarjetero.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/carcaza-celulares/52-carcasa-de-cuero-iphone-xxs-tarjetero.html">Carcasa de Cuero Iphone X/XS Tarjetero</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 52;
    const productReview = $('#product-list-reviews-52');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-52" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="8900" class="price">$8.900</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="52" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                                </div>
	                            	                        	                            
	                            	                                <div class="item">
	                            								<article class="product-miniature js-product-miniature" data-id-product="54" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/cargadores/54-cargador-multi-funcion-3-en-1.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/263-home_default/cargador-multi-funcion-3-en-1.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/263-large_default/cargador-multi-funcion-3-en-1.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/264-home_default/cargador-multi-funcion-3-en-1.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "Vista rápida">
														<i class="material-icons search">&#xE8B6;</i>
													</a>
																							</div>
											<div class="product-info">
																								  	
														<h5 class="product-title" itemprop="name"><a href="https://shaarabuy.cl/cargadores/54-cargador-multi-funcion-3-en-1.html">Cargador Multi-función 3 en 1</a></h5>
												  	
																								
													<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
    const $ = jQuery;
    const productId = 54;
    const productReview = $('#product-list-reviews-54');
    const productCommentGradeUrl = 'https://shaarabuy.cl/module/productcomments/CommentGrade';

    $.get(productCommentGradeUrl, { id_product: productId }, function(jsonResponse) {
      var jsonData = false;
      try {
        jsonData = JSON.parse(jsonResponse);
      } catch (e) {
      }

      if (jsonData) {
        if (jsonData.id_product && jsonData.comments_nb) {
          $('.grade-stars', productReview).rating({ grade: jsonData.average_grade, starWidth: 16 });
          $('.comments-nb', productReview).html('('+jsonData.comments_nb+')');
          productReview.closest('.thumbnail-container').addClass('has-reviews');
          productReview.css('visibility', 'visible');
        }
      }
    });
  });
</script>

<div id="product-list-reviews-54" class="product-list-reviews">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>


												
												  
																																					
												  	
														<div class="product-price-and-shipping"
															itemprop="offers"
                											itemscope
                											itemtype="https://schema.org/Offer"
                											>
                											<link itemprop="availability" href="https://schema.org/InStock"/>
                											<meta itemprop="priceCurrency" content="CLP">
														  															  	
														  	<span itemprop="price" content="19990" class="price">$19.990</span>
														  	
														  	
														</div>
												  	
																								
																											<div class="product-list-actions">
																															<a href="#" 
																	class="ajax-add-to-cart product-btn cart-button btn btn-primary" 
																	data-id-product="54" 
																	data-minimal-quantity="1" title = "Agregar a la Bolsa">
																	Agregar a la Bolsa
																</a>
																														
														</div>
																								  	
											</div>
		                                </div>
		                            </div>
								</article>	
	                            	                                </div>
	                            	                        	                            
	                            	                                <div class="item">
	                            								<article class="product-miniature js-product-miniature" data-id-product="71" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product">		
		                            <div class="item-wrap style1">
		                                <div class="product-container">
											<div class="product-image">
												
												  	<a href="https://shaarabuy.cl/cascos-deporte/71-casco-phmax-guantes-rojogris-bicicleta.html" class="thumbnail product-thumbnail">
												  														  																	<img src = "https://shaarabuy.cl/309-home_default/casco-phmax-guantes-rojogris-bicicleta.jpg" alt = "" data-full-size-image-url = "https://shaarabuy.cl/309-large_default/casco-phmax-guantes-rojogris-bicicleta.jpg">
																																												<img 
		class="img_0" 
		src="https://shaarabuy.cl/310-home_default/casco-phmax-guantes-rojogris-bicicleta.jpg" 
		alt="" />

																										  	</a>
												
													
												  	
														<div class="product-flags">
														  																		
																		
																		<span class="new-label">Nuevo</span>
																																															  															  
														  														</div>
												  	
																									
													<a href="#" class="quick-view" data-link-action="quickview" title = "V

Sign In

Menús desplegables con CSS en Prestashop

Recommended Posts

Full Group™ 0