<section class="section">
<div class="container">
<h1 class="title">Conoce nuestros productos</h1>
<div class="essenza-slider products-slider">
<essenza-slider controls offset-controls :config="{items: 1, responsive: {600: {items: 2, gutter: 70, edgePadding: 70}, 800: {items: 3}}}">
<div>
<article class="product-item ">
<product-item-wrapper v-slot="{ showExtra, toggleExtra }">
<a href="#" class="product-item__thumb">
<img src="https://placehold.co/425x405" alt="Product Name">
<img src="../../assets/img/product-badge.png" alt="" class="product-item__badge">
</a>
<div class="product-item__content">
<div class="product-item__content-main">
<h3 class="title">
<a href="#">Colchón Balanzze | Queen</a>
</h3>
<span class="product-item__price-full">$3'999.000</span>
<a href="#" class="product-item__add-to-cart button">Agregar al carrito</a>
</div>
<button class="product-item__extra-toggle button button--link" @click="toggleExtra">
<span v-if="!showExtra">Ver Descripción +</span>
<span v-else>Ocultar Descripción -</span>
</button>
<div v-show="showExtra" class="product-item__content-extra">
<product-rating :rating="4.5">
<p>(1,025 personas)</p>
</product-rating>
<div class="content">
<b>Un descanso superior</b>
<ul>
<li>Cobertura con iones de plata antimicrobianos</li>
<li>Tela tejido de punto higroscópica</li>
<li>Doble panel de resortes Pocket (independencia de movimiento)</li>
<li>Capa de Zebra 35 HR</li>
<li>Marco de Zebra 35 HD</li>
<li>Garantía del colchón 10 años</li>
</ul>
</div>
</div>
</div>
</product-item-wrapper>
</article>
</div>
<div>
<article class="product-item ">
<product-item-wrapper v-slot="{ showExtra, toggleExtra }">
<a href="#" class="product-item__thumb">
<img src="https://placehold.co/425x405" alt="Product Name">
<img src="../../assets/img/product-badge.png" alt="" class="product-item__badge">
</a>
<div class="product-item__content">
<div class="product-item__content-main">
<h3 class="title">
<a href="#">Colchón Balanzze | Queen</a>
</h3>
<span class="product-item__price-full">$3'999.000</span>
<a href="#" class="product-item__add-to-cart button">Agregar al carrito</a>
</div>
<button class="product-item__extra-toggle button button--link" @click="toggleExtra">
<span v-if="!showExtra">Ver Descripción +</span>
<span v-else>Ocultar Descripción -</span>
</button>
<div v-show="showExtra" class="product-item__content-extra">
<product-rating :rating="4.5">
<p>(1,025 personas)</p>
</product-rating>
<div class="content">
<b>Un descanso superior</b>
<ul>
<li>Cobertura con iones de plata antimicrobianos</li>
<li>Tela tejido de punto higroscópica</li>
<li>Doble panel de resortes Pocket (independencia de movimiento)</li>
<li>Capa de Zebra 35 HR</li>
<li>Marco de Zebra 35 HD</li>
<li>Garantía del colchón 10 años</li>
</ul>
</div>
</div>
</div>
</product-item-wrapper>
</article>
</div>
<div>
<article class="product-item ">
<product-item-wrapper v-slot="{ showExtra, toggleExtra }">
<a href="#" class="product-item__thumb">
<img src="https://placehold.co/425x405" alt="Product Name">
<img src="../../assets/img/product-badge.png" alt="" class="product-item__badge">
</a>
<div class="product-item__content">
<div class="product-item__content-main">
<h3 class="title">
<a href="#">Colchón Balanzze | Queen</a>
</h3>
<span class="product-item__price-full">$3'999.000</span>
<a href="#" class="product-item__add-to-cart button">Agregar al carrito</a>
</div>
<button class="product-item__extra-toggle button button--link" @click="toggleExtra">
<span v-if="!showExtra">Ver Descripción +</span>
<span v-else>Ocultar Descripción -</span>
</button>
<div v-show="showExtra" class="product-item__content-extra">
<product-rating :rating="4.5">
<p>(1,025 personas)</p>
</product-rating>
<div class="content">
<b>Un descanso superior</b>
<ul>
<li>Cobertura con iones de plata antimicrobianos</li>
<li>Tela tejido de punto higroscópica</li>
<li>Doble panel de resortes Pocket (independencia de movimiento)</li>
<li>Capa de Zebra 35 HR</li>
<li>Marco de Zebra 35 HD</li>
<li>Garantía del colchón 10 años</li>
</ul>
</div>
</div>
</div>
</product-item-wrapper>
</article>
</div>
<div>
<article class="product-item ">
<product-item-wrapper v-slot="{ showExtra, toggleExtra }">
<a href="#" class="product-item__thumb">
<img src="https://placehold.co/425x405" alt="Product Name">
<img src="../../assets/img/product-badge.png" alt="" class="product-item__badge">
</a>
<div class="product-item__content">
<div class="product-item__content-main">
<h3 class="title">
<a href="#">Colchón Balanzze | Queen</a>
</h3>
<span class="product-item__price-full">$3'999.000</span>
<a href="#" class="product-item__add-to-cart button">Agregar al carrito</a>
</div>
<button class="product-item__extra-toggle button button--link" @click="toggleExtra">
<span v-if="!showExtra">Ver Descripción +</span>
<span v-else>Ocultar Descripción -</span>
</button>
<div v-show="showExtra" class="product-item__content-extra">
<product-rating :rating="4.5">
<p>(1,025 personas)</p>
</product-rating>
<div class="content">
<b>Un descanso superior</b>
<ul>
<li>Cobertura con iones de plata antimicrobianos</li>
<li>Tela tejido de punto higroscópica</li>
<li>Doble panel de resortes Pocket (independencia de movimiento)</li>
<li>Capa de Zebra 35 HR</li>
<li>Marco de Zebra 35 HD</li>
<li>Garantía del colchón 10 años</li>
</ul>
</div>
</div>
</div>
</product-item-wrapper>
</article>
</div>
</essenza-slider>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h1 class="title">Conoce nuestros productos</h1>
<div class="essenza-slider products-slider">
<essenza-slider controls offset-controls :config="{items: 1, responsive: {600: {items: 2, gutter: 70, edgePadding: 70}, 800: {items: 3}}}">
<div>
{% render '@product-item' %}
{# TODO Fix these#}
{# {% render '@product-item', {on_sale: true} %}#}
</div>
<div>
{% render '@product-item' %}
</div>
<div>
{% render '@product-item' %}
</div>
<div>
{% render '@product-item' %}
</div>
</essenza-slider>
</div>
</div>
</section>
/* No context defined. */
No notes defined.