Nixplay 8-inch Touch Screen Photo Frame

.product-navigation-container.sticked { position: fixed; top: 0; width: 100%; background-color: #FFFFFF; transition: 450ms all ease; padding-top: 1.5rem; padding-bottom: 1.5rem; z-index: 2; --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .product-navigation-container h1 { font-family: inherit; } .product-navigation-container .link, .product-navigation-container .link-mobile { color: #A2A2A2; } .product-navigation-container .link.active, .product-navigation-container .link-mobile.active{ color: #000000; } .product-navigation-container .link::after { content: ''; display: block; opacity: 0; width: 0%; height: 3px; background-color: transparent; transform: translateY(5px); transition: 450ms width ease; } .product-navigation-container .link:hover::after, .product-navigation-container .link.active::after { opacity: 1; width: 100%; background-color: #000000; transition: 450ms width ease; } @media (max-width: 1024px){ .toggle-submenu .btn-icon::after { content: ''; display: block; width: 5px; height: 5px; border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #000000; transform: rotate(180deg); position: absolute; right: 10px; top: 15px; } .toggle-submenu .link-mobile.btn-icon::after {border-bottom: 4px solid #A2A2A2 } .toggle-submenu .btn-icon.active::after { border-bottom: 4px solid #0a4d83; } .toggle-submenu .btn-icon.active { color: #0a4d83; } } @media (max-width: 375px){ .product-navigation-container h1::after { right: -70px; } } const getParameterByName = (nameInput) => { const url = window.location.href const name = nameInput.replace(new RegExp('/[[]]/g'), '\\$&'); const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`); const results = regex.exec(url); if (!results) { return null; } if (!results[2]) { return ''; } return decodeURIComponent(results[2].replace(new RegExp('/+/g'), ' ')); } if(getParameterByName("return_url")){ Array.from(document.querySelectorAll('.overview-link')).forEach(item => { item.href = getParameterByName("return_url") }); } window.addEventListener('scroll', () => { const scroll = document.documentElement.scrollTop; scroll > 200 ? document.querySelector('.product-navigation-container').classList.add('sticked') : document.querySelector('.product-navigation-container').classList.remove('sticked'); }); const toggleProductSubMenu = function(){ if(window.innerWidth <= 1024){ const title = document.querySelector('.toggle-submenu'); title.addEventListener('click', function(){ this.children[0].classList.toggle('active'); this.children[1].classList.toggle('hidden'); }); } } window.addEventListener('load', () => toggleProductSubMenu());
Garantie de remboursement de 30 jours
Garantie de remboursement de 30 jours

Achetez en toute tranquillité d'esprit

Garantie d'un an
Garantie d'un an

Sommes qu'à un coup de fil
ou un courriel de vous