Перейти к содержимому


Выключение Света На Сайте

Дневная тема Ночная тема День Ночь

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Кенгуру

Кенгуру

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений

Отправлено 26 Март 2020 - 20:28

Здравствуйте :)
Подскажите, возможно ли сделать так, чтоб свет на сайте выключался в ночное время. Имеется ввиду днём дневная тема - белый бэкграунд, зелёный цвет сайта и тд. А в ночное время всё темнеет Пример aviasales
у них кстати на ночь сайт темнеет автоматически
Opera Снимок_2020-03-26_223206_www.aviasales.ru.png Opera Снимок_2020-03-26_223325_www.aviasales.ru.png

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 831 сообщений

Отправлено 01 Апрель 2020 - 08:52

Здравствуйте.

Уточните пожалуйста время для переключения фона.

#3 Кенгуру

Кенгуру

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений

Отправлено 01 Апрель 2020 - 13:23

Просмотр сообщенияVaccina (01 Апрель 2020 - 08:52) писал:

Здравствуйте.

Уточните пожалуйста время для переключения фона.
тут двояко. от чего будет зависить день-ночь? от времени пользователя или от Москвы? потому что как знаем сторэлэндовское время привязано к времени MSK.

1. если будет привязано ко времени компа покупателя, то ночное время сайта - с 2300 до 700

2. если время привязано к московскому времени, то ночное время с 1900 до 300

#4 Кенгуру

Кенгуру

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений

Отправлено 01 Апрель 2020 - 17:53

мы тут спустились в подвал этого форума, там увидели кнопку ИЗМЕНИТЬ СТИЛЬ 6.png при выборе другого стиля меняется стиль форума. такое возможно реализовать?

#5 stasia

stasia

    Активный участник

  • Модератоpы
  • 340 сообщений

Отправлено 13 Апрель 2020 - 11:43

Просмотр сообщенияКенгуриец (01 Апрель 2020 - 17:53) писал:

мы тут спустились в подвал этого форума, там увидели кнопку ИЗМЕНИТЬ СТИЛЬ Прикрепленный файл 6.png при выборе другого стиля меняется стиль форума. такое возможно реализовать?

Здравствуйте. Зайдите в Редактор шаблонов --- main.js и добавьте в самый конец шаблона код:  
$(document).ready(function(){
var currentTime = new Date().getHours();

function timeCheck() {
	if (currentTime > 23 || currentTime < 7) {
	  document.documentElement.classList.add('night');
	}
}
timeCheck();
});


В Редакторе шаблонов---HTML, найдите код:

  <div class="wrapper {% IF MOD_LNAME = cart %}cart__page{% ENDIF %}">

Замените его на:
  <div class="wrapper {% IF MOD_LNAME = cart %}cart__page{% ENDIF %} night">


В main.css, в самый конец шаблона код:
.night {background-color: #000000;}


#6 Кенгуру

Кенгуру

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений

Отправлено 14 Апрель 2020 - 20:58

Здорово, бэкграунд становится чёрным ночью :)
но это полпути, так как сам сайт остался ярким
возможно ли вот как бэкграунд чернеет на ночь так и фон карточки товара (который белый) становился слегка серым. и сейчас то что сделали круто, но тогда будет вообще идеально ^_^

#7 Кенгуру

Кенгуру

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 176 сообщений

Отправлено 15 Апрель 2020 - 05:23

что-то свет обратно не включается :(

#8 stasia

stasia

    Активный участник

  • Модератоpы
  • 340 сообщений

Отправлено 16 Апрель 2020 - 16:38

Просмотр сообщенияКенгуру (15 Апрель 2020 - 05:23) писал:

что-то свет обратно не включается :(

Здравствуйте. Произвели Вам изменения, заменив код выше на данный:
$(document).ready(function(){
var currentTime = new Date().getHours();

function timeCheck() {
		if (currentTime > 23 || currentTime < 7) {
		  document.querySelector(".wrapper").classList.add('night');
		} else {
		  document.querySelector(".wrapper").classList.remove('night');
		}
}
timeCheck();
});






Темы с аналогичным тегами Дневная тема, Ночная тема, День, Ночь

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных