### **Как автоматически скрывать товары на сайте Tilda после определённого времени**

Опубликовано автором


#как_скрыть_товары_на_tilda_по_времени
#автоматическое_скрытие_товаров_на_тильда
#таймер_скрытия_товаров_на_site_tilda
#скрипт_скрытия_товаров_по_расписанию_tilda

Иногда возникает необходимость автоматически скрывать некоторые товары или элементы на сайте с наступлением вечера или ночи. Например, это может быть полезно для служб доставки, которые не работают круглосуточно.

Вот простое и эффективное решение, реализованное с помощью пользовательского кода на Tilda.

#### **Принцип работы:**

1. **Скрипт времени:** JavaScript постоянно отслеживает текущее время у пользователя.
2. **Логика проверки:** В коде задаётся временной интервал (например, с 20:00 до 08:00).
3. **Визуальное скрытие:** Если текущее время попадает в этот интервал, к карточкам товаров добавляется специальный CSS-класс, который их «затеняет» и делает недоступными.

#### **Код:**

Разместите этот код в блоке «Дополнительный HTML (before </body>)» в настройках страницы или всего сайта на Tilda.

«`html
<script>
// Ждём, когда вся страница полностью загрузится
document.addEventListener(‘DOMContentLoaded’, function() {

// Функция для проверки времени и скрытия товаров
function checkTimeAndHide() {
// Получаем текущее время пользователя
const now = new Date();
const currentHours = now.getHours(); // Текущий час (0-23)

// Задаём временной интервал для скрытия (например, с 20:00 до 08:00)
const hideStart = 20; // 20:00
const hideEnd = 8; // 08:00

// Находим все карточки, которые нужно скрывать
// Важно: замените ‘.t-card’ на селектор ваших карточек товаров на Tilda
const itemsToHide = document.querySelectorAll(‘.t-card’);

// Логика проверки: ночное ли время сейчас?
const isNightTime = currentHours >= hideStart || currentHours < hideEnd;

// Перебираем все найденные карточки
itemsToHide.forEach(function(item) {
if (isNightTime) {
// Если ночь, добавляем класс для скрытия
item.classList.add(‘nevidimo’);
} else {
// Если день, убираем класс (на случай, если страница обновляется)
item.classList.remove(‘nevidimo’);
}
});
}

// Запускаем проверку сразу после загрузки страницы
checkTimeAndHide();

// Запускаем проверку каждую минуту (60000 миллисекунд)
// Это «скрипт реального времени», который отслеживает смену часа
setInterval(checkTimeAndHide, 60000);
});
</script>

<style>
/* Стили для класса «nevidimo» */
.nevidimo {
opacity: 0.4; /* Сильное затенение */
pointer-events: none; /* Отключает клики по элементу */
cursor: not-allowed; /* Меняет курсор на «запрещённый» */
}
</style>
«`
#js_скрипт_для_скрытия_товаров_на_tilda
#css_стили_для_неактивных_товаров_тильда
#javascript_таймер_для_tilda_сайта
#код_для_скрытия_карточек_товаров_тильда

#### **Как это применить на Tilda:**

1. **Определите карточки товаров:** Замените селектор `.t-card` в строке `const itemsToHide = document.querySelectorAll(‘.t-card’);` на актуальный класс ваших карточек. Узнать его можно через «Инспектор» в браузере.
2. **Настройте время:** Измените значения `hideStart` и `hideEnd` на нужные вам часы.
3. **Настройте внешний вид:** Поэкспериментируйте со стилями внутри `<style>`. Вместо `opacity` можно использовать `filter: grayscale(100%);` для чёрно-белого эффекта или `background-color: #f0f0f0;`.

#### **Результат:**

Теперь карточки ваших товаров будут автоматически становиться полупрозрачными и неактивными в заданное вами время, информируя пользователей о временной недоступности сервиса.

Это решение легко адаптируется под любые другие временные условия и элементы на сайте. Удачи в реализации

#скрыть_товары_после_18_00_на_tilda
#ночное_скрытие_товаров_на_тильда
#скрытие_товаров_в_нерабочее_время_tilda
#автоскрытие_товаров_по_времени_суток
___________________

Если что-то пошло не так, заберите рабочий код с моего сайта!
Вот ссылка
https://isvinzov.ru/shop1/
_____________

Если будут вопросы пишите мне на почту
svim09@yandex.ru
или в телеграмм
@isvinzov
или так
https://t.me/isvinzov

А ТАКЖЕ МОЯ ВИЗИТКА
https://moy24.tilda.ws/partfolio
_______________________
Всегда на связи
Буду рад сотрудничеству
13.08.24 Иван С
_____________
#заказать_скрипт_скрытия_товаров_тильда
#купить_модуль_скрытия_товаров_на_tilda
#плагин_для_скрытия_товаров_по_времени
#решение_для_скрытия_товаров_на_тильда