FAITES DES ÉCONOMIES SUPPLÉMENTAIRES: Obtenez une réduction supplémentaire de Є20 sur votre commande en achetant 2 cadres ou plus! (Є30 de rabais pour les membres Nixplay Plus)
.hide-in-collection, .usp-switch { display: none !important; } .wifi-products .details ul { margin: 20px; } .wifi-products .details ul li { color: #666666; list-style: disc; font-size: 15px;} .wifi-products .description .ratings span { display: none; } div[data-load-type=continue] ul.stamped-pagination li.next a, div[data-widget-load-type=continue] ul.stamped-pagination li.next a { border: none !important; background: #20819c !important; border-radius: 27px !important; } .stamped-fa-star, .stamped-fa-star-checked, .stamped-fa-star-half-o, .stamped-fa-star-o { color: #facc11 !important; padding: 0; } @media (max-width: 640px){ .wifi-products select { background-position: 97% 50%; } } (function(){ const cardList = []; const params = { size: "", price: "" } const orderList = (list, attribute) => { return list.sort((a, b) => { const nameA = (Number(a[attribute])) ? Number(a[attribute]) : a[attribute].toUpperCase(); const nameB = (Number(b[attribute])) ? Number(b[attribute]) : b[attribute].toUpperCase(); return (nameA < nameB) ? -1: ((nameA > nameB)? 1: 0); }); } const filterCards = type => { let ordered = [], hasAValue = false; document.querySelectorAll('.card').forEach(card => ordered.push({size: card.dataset.size, price: card.dataset.price, el: card})); document.querySelectorAll('.filter').forEach(filter => { if(filter.vallue != '') hasAValue = true; }); if(hasAValue && params[type] == '') return false; switch (params[type]){ case "desc": ordered = orderList(ordered, type) ordered = ordered.reverse() break; case "asc": ordered = orderList(ordered, type) break; default: break; } ordered.forEach(item => document.querySelector('.cards-container').appendChild(item.el)); } const readFilter = element => { if(params[element.dataset.filterType] !== element.value){ params[element.dataset.filterType] = element.value; filterCards(element.dataset.filterType); } } const clearFilter = target => { document.querySelectorAll('.filter').forEach(filter => { if(target !== filter) filter.value = ''; }); } document.querySelectorAll('.filter').forEach(filter => { filter.addEventListener('change', function() { clearFilter(filter); readFilter(filter); }); }); })();