${[1, 2, 3, 7, 8, 9, 13, 14, 15] .map( (i) => `

` ) .join("")}

${[4, 5, 6, 10, 11, 12, 16, 17, 18] .map( (i) => `

` ) .join("")}

`; document.body.prepend(wrapper); setTimeout(() => { // 3. Запускаем анимации const items = wrapper.querySelectorAll(".preloader__item"); items.forEach((item) => item.classList.add("_view")); setTimeout(() => { const cols = wrapper.querySelectorAll(".preloader__column"); cols.forEach((col) => col.classList.add("_translate")); const logo = wrapper.querySelector(".preloader__logo"); logo.innerHTML = `

`; logo.classList.add("_view"); }, 1300); // 4. По окончании — скрываем и удаляем всё setTimeout(() => { // Скрываем прелоадер const preloader = wrapper.querySelector(".preloader"); const logo = wrapper.querySelector(".preloader__logo"); logo.innerHTML = ""; preloader.classList.add("_hide"); // Возвращаем видимость Nuxt if (nuxtRoot) nuxtRoot.style.visibility = "visible"; // Убираем элементы из DOM wrapper.remove(); const cssLink = document.getElementById("preloader-css"); if (cssLink) cssLink.remove(); document.getElementById("__nuxt").style.visibility = "visible !important"; }, 3900); }, 1000); // Задержка для плавного появления } // Оборачиваем в проверку sessionStorage window.addEventListener("load", () => { // Если в этой сессии анимация уже сработала — ничего не делаем if (sessionStorage.getItem("preloaderShown")) { const nuxtRoot = document.getElementById("__nuxt"); if (nuxtRoot) { nuxtRoot.style.visibility = "visible"; console.log(document, nuxtRoot); } return; } // Иначе отмечаем, что показали, и запускаем sessionStorage.setItem("preloaderShown", "true"); injectPreloader(); }); })();

Втулки

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Втулка CAT

Услуги

Время работы

Адрес магазина

Услуги

Продукты