Skip to content

Instantly share code, notes, and snippets.

@grippado
Created August 23, 2016 22:23
Show Gist options
  • Select an option

  • Save grippado/70e54b41ed4611081c3d878d2effca77 to your computer and use it in GitHub Desktop.

Select an option

Save grippado/70e54b41ed4611081c3d878d2effca77 to your computer and use it in GitHub Desktop.
aside
<div class="col3 col-left sidebar">
<div class="block block-layered-nav">
<aside>
<div class="category typed">
<div class="filter-title first opend "><a data-href="1228" class="categor_parent" data-facet="categories.parent.parent.id" data-label="Eletrônicos">Eletrônicos<span class="qty-children">(48)</span></a></div>
<ul class="filter-list">
<li class="filter-title second opend ">
<div><a data-href="1262" data-facet="categories.parent.id" data-label="Automotivo">Automotivo<span class="qty-children">(10)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1263" data-facet="categories.id" data-label="Som Automotivo"> - Som Automotivo <span class="qty-children">(6)</span></a></li>
<li class="child"><a data-href="1264" data-facet="categories.id" data-label="Dvd Automotivo"> - Dvd Automotivo <span class="qty-children">(4)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1238" data-facet="categories.parent.id" data-label="Home Theater">Home Theater<span class="qty-children">(9)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1239" data-facet="categories.id" data-label="5.1 Canais"> - 5.1 Canais <span class="qty-children">(6)</span></a></li>
<li class="child"><a data-href="1244" data-facet="categories.id" data-label="2.1 Canais"> - 2.1 Canais <span class="qty-children">(2)</span></a></li>
<li class="child"><a data-href="1241" data-facet="categories.id" data-label="7.1 Canais"> - 7.1 Canais <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1290" data-facet="categories.parent.id" data-label="TV LED">TV LED<span class="qty-children">(9)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1291" data-facet="categories.id" data-label="32&quot; a 40&quot; "> - 32" a 40" <span class="qty-children">(6)</span></a></li>
<li class="child"><a data-href="1292" data-facet="categories.id" data-label="42&quot; a 60&quot;"> - 42" a 60" <span class="qty-children">(2)</span></a></li>
<li class="child"><a data-href="1293" data-facet="categories.id" data-label="19&quot; a 26&quot;"> - 19" a 26" <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1232" data-facet="categories.parent.id" data-label="Áudio">Áudio<span class="qty-children">(6)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1234" data-facet="categories.id" data-label="Mini System"> - Mini System <span class="qty-children">(6)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1284" data-facet="categories.parent.id" data-label="TV LCD">TV LCD<span class="qty-children">(5)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1287" data-facet="categories.id" data-label="27" '="" a="" 37' ''=""> - 27'' a 37'' <span class="qty-children">(3)</span></a></li>
<li class="child"><a data-href="1286" data-facet="categories.id" data-label="19" ''="" a="" 26 '' '=""> - 19' '' a 26 '' <span class="qty-children">(1)</span></a></li>
<li class="child"><a data-href="1288" data-facet="categories.id" data-label="40" '="" a="" 47' ''=""> - 40'' a 47'' <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1308" data-facet="categories.parent.id" data-label="Blu-ray Player">Blu-ray Player<span class="qty-children">(5)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1309" data-facet="categories.id" data-label="Blu-ray"> - Blu-ray <span class="qty-children">(3)</span></a></li>
<li class="child"><a data-href="1310" data-facet="categories.id" data-label="Blu-ray 3D / Smart"> - Blu-ray 3D / Smart <span class="qty-children">(2)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1256" data-facet="categories.parent.id" data-label="Cabos e Acessórios">Cabos e Acessórios<span class="qty-children">(2)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1258" data-facet="categories.id" data-label="Óculos"> - Óculos <span class="qty-children">(1)</span></a></li>
<li class="child"><a data-href="1260" data-facet="categories.id" data-label="Adaptadores diversos"> - Adaptadores diversos <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1253" data-facet="categories.parent.id" data-label="Dvd Player">Dvd Player<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1254" data-facet="categories.id" data-label="Dvd Player"> - Dvd Player <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1304" data-facet="categories.parent.id" data-label="TV 3D">TV 3D<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1305" data-facet="categories.id" data-label="32&quot; a 40&quot;"> - 32" a 40" <span class="qty-children">(1)</span></a></li>
</ul>
</li>
</ul>
</div>
<div class="category typed">
<div class="filter-title first opend "><a data-href="678" class="categor_parent" data-facet="categories.parent.parent.id" data-label="Informática">Informática<span class="qty-children">(34)</span></a></div>
<ul class="filter-list">
<li class="filter-title second opend ">
<div><a data-href="924" data-facet="categories.parent.id" data-label="Tablets">Tablets<span class="qty-children">(10)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="937" data-facet="categories.id" data-label="Microboard"> - Microboard <span class="qty-children">(6)</span></a></li>
<li class="child"><a data-href="933" data-facet="categories.id" data-label="Asus"> - Asus <span class="qty-children">(3)</span></a></li>
<li class="child"><a data-href="935" data-facet="categories.id" data-label="Sony"> - Sony <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="808" data-facet="categories.parent.id" data-label="Pen Drive">Pen Drive<span class="qty-children">(6)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="811" data-facet="categories.id" data-label="4gb a 8Gb"> - 4gb a 8Gb <span class="qty-children">(5)</span></a></li>
<li class="child"><a data-href="812" data-facet="categories.id" data-label="16Gb a 32Gb"> - 16Gb a 32Gb <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="759" data-facet="categories.parent.id" data-label="Notebook">Notebook<span class="qty-children">(3)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="766" data-facet="categories.id" data-label="Intel® Core™ i3"> - Intel® Core™ i3 <span class="qty-children">(2)</span></a></li>
<li class="child"><a data-href="767" data-facet="categories.id" data-label="Intel® Core™ i5"> - Intel® Core™ i5 <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="771" data-facet="categories.parent.id" data-label="Multifuncionais">Multifuncionais<span class="qty-children">(3)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="775" data-facet="categories.id" data-label="Jato de Tinta Epson"> - Jato de Tinta Epson <span class="qty-children">(3)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="884" data-facet="categories.parent.id" data-label="Hd Externo">Hd Externo<span class="qty-children">(3)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="889" data-facet="categories.id" data-label="Até 500 GB"> - Até 500 GB <span class="qty-children">(2)</span></a></li>
<li class="child"><a data-href="890" data-facet="categories.id" data-label="Até 1 TB"> - Até 1 TB <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="731" data-facet="categories.parent.id" data-label="Scanner">Scanner<span class="qty-children">(2)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="732" data-facet="categories.id" data-label="Scanner de Texto Portátil"> - Scanner de Texto Portátil <span class="qty-children">(1)</span></a></li>
<li class="child"><a data-href="735" data-facet="categories.id" data-label="Scanner de Mesa"> - Scanner de Mesa <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="782" data-facet="categories.parent.id" data-label="Impressoras">Impressoras<span class="qty-children">(2)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="787" data-facet="categories.id" data-label="Jato de Tinta Epson"> - Jato de Tinta Epson <span class="qty-children">(2)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="952" data-facet="categories.parent.id" data-label="Tablets - Acessórios">Tablets - Acessórios<span class="qty-children">(2)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="960" data-facet="categories.id" data-label="Bolsas, Capas e Películas"> - Bolsas, Capas e Películas <span class="qty-children">(1)</span></a></li>
<li class="child"><a data-href="961" data-facet="categories.id" data-label="Teclado"> - Teclado <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="826" data-facet="categories.parent.id" data-label="Projetores e Telas">Projetores e Telas<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="827" data-facet="categories.id" data-label="Projetor"> - Projetor <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="906" data-facet="categories.parent.id" data-label="Computador All in One">Computador All in One<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="907" data-facet="categories.id" data-label="Computador All in One"> - Computador All in One <span class="qty-children">(1)</span></a></li>
</ul>
</li>
</ul>
</div>
<div class="category typed">
<div class="filter-title first opend "><a data-href="1976" class="categor_parent" data-facet="categories.parent.parent.id" data-label="Cine e Foto">Cine e Foto<span class="qty-children">(34)</span></a></div>
<ul class="filter-list">
<li class="filter-title second opend ">
<div><a data-href="1977" data-facet="categories.parent.id" data-label="Câmeras Digitais">Câmeras Digitais<span class="qty-children">(26)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1981" data-facet="categories.id" data-label="Acima de 14 Megapixels "> - Acima de 14 Megapixels <span class="qty-children">(24)</span></a></li>
<li class="child"><a data-href="1979" data-facet="categories.id" data-label="10 a 11.9 Megapixels"> - 10 a 11.9 Megapixels <span class="qty-children">(1)</span></a></li>
<li class="child"><a data-href="1980" data-facet="categories.id" data-label="12 a 13.9 Megapixels"> - 12 a 13.9 Megapixels <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1994" data-facet="categories.parent.id" data-label="Filmadoras">Filmadoras<span class="qty-children">(7)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1996" data-facet="categories.id" data-label="Full Hd"> - Full Hd <span class="qty-children">(6)</span></a></li>
<li class="child"><a data-href="1997" data-facet="categories.id" data-label="Hdd"> - Hdd <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1998" data-facet="categories.parent.id" data-label="Impressoras Fotográficas">Impressoras Fotográficas<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1999" data-facet="categories.id" data-label="Todas - Impressoras Fotográficas"> - Todas - Impressoras Fotográficas <span class="qty-children">(1)</span></a></li>
</ul>
</li>
</ul>
</div>
<div class="category typed">
<div class="filter-title first opend "><a data-href="1843" class="categor_parent" data-facet="categories.parent.parent.id" data-label="Eletroportáteis">Eletroportáteis<span class="qty-children">(16)</span></a></div>
<ul class="filter-list">
<li class="filter-title second opend ">
<div><a data-href="1860" data-facet="categories.parent.id" data-label="Cafeteiras">Cafeteiras<span class="qty-children">(8)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1862" data-facet="categories.id" data-label="Cafeteiras - Elétricas"> - Cafeteiras - Elétricas <span class="qty-children">(8)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1844" data-facet="categories.parent.id" data-label="Cozinha e Linha Gourmet">Cozinha e Linha Gourmet<span class="qty-children">(4)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1854" data-facet="categories.id" data-label="Panelas Elétricas"> - Panelas Elétricas <span class="qty-children">(2)</span></a></li>
<li class="child"><a data-href="1855" data-facet="categories.id" data-label="Processadores"> - Processadores <span class="qty-children">(2)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1863" data-facet="categories.parent.id" data-label="Fornos Elétricos">Fornos Elétricos<span class="qty-children">(2)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1864" data-facet="categories.id" data-label="Fornos Elétricos"> - Fornos Elétricos <span class="qty-children">(2)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1874" data-facet="categories.parent.id" data-label="Ferros Elétricos">Ferros Elétricos<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1876" data-facet="categories.id" data-label="Ferros a Vapor"> - Ferros a Vapor <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="1879" data-facet="categories.parent.id" data-label="Limpeza">Limpeza<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1880" data-facet="categories.id" data-label="Aspiradores"> - Aspiradores <span class="qty-children">(1)</span></a></li>
</ul>
</li>
</ul>
</div>
<div class="category typed">
<div class="filter-title first opend "><a data-href="1339" class="categor_parent" data-facet="categories.parent.parent.id" data-label="Games">Games<span class="qty-children">(10)</span></a></div>
<ul class="filter-list">
<li class="filter-title second opend ">
<div><a data-href="1452" data-facet="categories.parent.id" data-label="Playstation 3">Playstation 3<span class="qty-children">(10)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="1454" data-facet="categories.id" data-label="Jogos de Ação e Aventura"> - Jogos de Ação e Aventura <span class="qty-children">(3)</span></a></li>
<li class="child"><a data-href="1455" data-facet="categories.id" data-label="Jogos de Corrida e Simuladores"> - Jogos de Corrida e Simuladores <span class="qty-children">(2)</span></a></li>
<li class="child"><a data-href="1461" data-facet="categories.id" data-label="Jogos de Tiro e Guerra"> - Jogos de Tiro e Guerra <span class="qty-children">(2)</span></a></li>
<li class="child"><a data-href="1453" data-facet="categories.id" data-label="Consoles"> - Consoles <span class="qty-children">(1)</span></a></li>
<li class="child"><a data-href="1456" data-facet="categories.id" data-label="Jogos de Esporte"> - Jogos de Esporte <span class="qty-children">(1)</span></a></li>
<li class="child"><a data-href="1460" data-facet="categories.id" data-label="Jogos Musicais"> - Jogos Musicais <span class="qty-children">(1)</span></a></li>
</ul>
</li>
</ul>
</div>
<div class="category typed">
<div class="filter-title first opend "><a data-href="2350" class="categor_parent" data-facet="categories.parent.parent.id" data-label="Áudio">Áudio<span class="qty-children">(10)</span></a></div>
<ul class="filter-list">
<li class="filter-title second opend ">
<div><a data-href="2461" data-facet="categories.parent.id" data-label="Áudio Player &amp; Acessórios">Áudio Player &amp; Acessórios<span class="qty-children">(8)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="2466" data-facet="categories.id" data-label="MP3"> - MP3 <span class="qty-children">(8)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="2357" data-facet="categories.parent.id" data-label="Mp3">Mp3<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="2360" data-facet="categories.id" data-label="Acima de 1Gb"> - Acima de 1Gb <span class="qty-children">(1)</span></a></li>
</ul>
</li>
<li class="filter-title second opend ">
<div><a data-href="2457" data-facet="categories.parent.id" data-label="Fones de Ouvido">Fones de Ouvido<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="2459" data-facet="categories.id" data-label="Supra-auriculares"> - Supra-auriculares <span class="qty-children">(1)</span></a></li>
</ul>
</li>
</ul>
</div>
<div class="category typed">
<div class="filter-title first opend "><a data-href="2010" class="categor_parent" data-facet="categories.parent.parent.id" data-label="Telefonia &amp; Celular">Telefonia &amp; Celular<span class="qty-children">(1)</span></a></div>
<ul class="filter-list">
<li class="filter-title second opend ">
<div><a data-href="2079" data-facet="categories.parent.id" data-label="Celulares Desbloqueados">Celulares Desbloqueados<span class="qty-children">(1)</span></a></div>
<ul class="subs">
<li class="child"><a data-href="2082" data-facet="categories.id" data-label="Nokia"> - Nokia <span class="qty-children">(1)</span></a></li>
</ul>
</li>
</ul>
</div>
<p class="refinar">Refinar por:</p>
<div class="refined typed">
<div class="filter-title opend">Autor</div>
<ul class="filter-list filters show-more">
<li><a data-href="Indefinido" data-facet="author" class="icon-select filters ">Indefinido <span class="qty-children">(153)</span></a></li>
</ul>
</div>
<div class="refined typed">
<div class="filter-title opend">Preço</div>
<ul class="filter-list filters simple">
<li><a data-href="-100" data-facet="Price" class="icon-select filters ">R$0,00 até R$100,00 <span class="qty-children">(15)</span></a></li>
<li><a data-href="100-200" data-facet="Price" class="icon-select filters ">R$100,00 até R$200,00 <span class="qty-children">(18)</span></a></li>
<li><a data-href="200-300" data-facet="Price" class="icon-select filters ">R$200,00 até R$300,00 <span class="qty-children">(15)</span></a></li>
<li><a data-href="300-400" data-facet="Price" class="icon-select filters ">R$300,00 até R$400,00 <span class="qty-children">(9)</span></a></li>
<li><a data-href="400-500" data-facet="Price" class="icon-select filters ">R$400,00 até R$500,00 <span class="qty-children">(14)</span></a></li>
<li><a data-href="500-600" data-facet="Price" class="icon-select filters ">R$500,00 até R$600,00 <span class="qty-children">(6)</span></a></li>
<li><a data-href="600-700" data-facet="Price" class="icon-select filters ">R$600,00 até R$700,00 <span class="qty-children">(6)</span></a></li>
<li><a data-href="700-800" data-facet="Price" class="icon-select filters ">R$700,00 até R$800,00 <span class="qty-children">(8)</span></a></li>
<li><a data-href="800-900" data-facet="Price" class="icon-select filters ">R$800,00 até R$900,00 <span class="qty-children">(5)</span></a></li>
<li><a data-href="900-" data-facet="Price" class="icon-select filters ">R$900,00 até R$0,00 <span class="qty-children">(57)</span></a></li>
</ul>
</div>
<div class="refined typed">
<div class="filter-title opend">Marca</div>
<ul class="filter-list filters simple">
<li><a data-href="Sony" data-facet="brand" class="icon-select filters ">Sony <span class="qty-children">(104)</span></a></li>
<li><a data-href="ELECTROLUX - Eletroportáteis" data-facet="brand" class="icon-select filters ">ELECTROLUX - Eletroportáteis <span class="qty-children">(10)</span></a></li>
<li><a data-href="Epson" data-facet="brand" class="icon-select filters ">Epson <span class="qty-children">(9)</span></a></li>
<li><a data-href="Playstation - Sony Brasil" data-facet="brand" class="icon-select filters ">Playstation - Sony Brasil <span class="qty-children">(9)</span></a></li>
<li><a data-href="Microboard" data-facet="brand" class="icon-select filters ">Microboard <span class="qty-children">(7)</span></a></li>
<li><a data-href="WALITA" data-facet="brand" class="icon-select filters ">WALITA <span class="qty-children">(6)</span></a></li>
<li><a data-href="Asus" data-facet="brand" class="icon-select filters ">Asus <span class="qty-children">(3)</span></a></li>
<li><a data-href="Dazz" data-facet="brand" class="icon-select filters ">Dazz <span class="qty-children">(2)</span></a></li>
<li><a data-href="Nokia" data-facet="brand" class="icon-select filters ">Nokia <span class="qty-children">(1)</span></a></li>
<li><a data-href="Opeco" data-facet="brand" class="icon-select filters ">Opeco <span class="qty-children">(1)</span></a></li>
<li><a data-href="Playstation" data-facet="brand" class="icon-select filters ">Playstation <span class="qty-children">(1)</span></a></li>
</ul>
</div>
</aside>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment