Приветственный экран / заглушка на сайт

Реализация привественного экрана, или заглушки на сайт на базе CMF MODX.

Сниппет welcome

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

if(stripos($_SERVER['HTTP_REFERER'], MODX_HTTP_HOST) === false){
  return $modx->getChunk('welcome');
}

Чанк welcome

В общем-то может быть любой HTML.


<div class="welcome_wr">
  <div class="welcome_title">welcome title</div>
  <div class="welcome_subtitle">welcome subtitle</div>
  <div class="button_styled"><a href="javascript:void(0)" class="go_to_site">Войти на сайт</a></div>
</div>
<script>
  $(".go_to_site").click(function(){
    $(this).closest(".welcome_wr").remove();
  });
</script>

CSS

.welcome_wr{
  position: fixed;
  top:0;
  bottom:0;
  right: 0;
  left: 0;
  background-color: #fff;
  background-image: url('https://via.placeholder.com/150');
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
	z-index: 999999;
	padding-top: 35vh;
	text-align: center;
	color: #fff;
}
.welcome_wr .welcome_title{
  font-size:80px;
}
.welcome_wr .welcome_subtitle{
  font-size:20px;
}
.welcome_wr ~ *{
  opacity: 0;
}

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором

Похожие статьи

Генератор настроек MIGX

Документация на русском по MODX MIGX

pdoPage и getImageList - Постраничная навигация MIGX

Подсказки по работе и заготовки для MiniShop2

Импорт и экспорт в MiniShop2. Реализация 1

Как включить HTTPS (SSL) в MODX - Подробная инструкция

Генерация YML для выгрузки в маркет

Примеры работы с API MODX

Примеры выборки where, optionFilters, innerJoin

pThumb - ресайз изображений. Примеры использования.

Расширение свойств товаров minishop2

Примеры использования

Сайт на обслуживании (выключить сайт)

Добавить в письмо контактную информацию

Вывести getImageList только если он не пустой

Тип поля "Список ресурсов" (resourcelist) с ограничением по родителю (parents)

Оформление и настройка easyComm. Комментарии и отзывы на сайте.

Поиск на сайте с пакетом SimpleSearch

Подсчет и вывод количества потомков ресурса в MODX

Простая и симпатичная галерея fancybox

Галерея. Вывести обложки альбомов и фотографии

Вывод tv-параметров в формате -

Отредактировать письмо о заказе - добавить ТВ поле, или что-то еще

Quip для MODX. Более рабочий вариант

Сниппет для вывода размера и расширения файла

pdoResources Заготовки для работы

Простой аудио-плеер HTML5

Вывести список всех опций MiniShop2

Слайдер Slick slider в контенте ресурса

Как контролировать кэш CSS и скриптов

Изменить цену на товар в зависимости от количества при добавлении в корзину minishop2

Подключить MODX в стороннем PHP файле

Простейшая авторизация

Как создать ресурс процессором $modx->runProcessor('resource/create', $props)

Красивое адаптивное меню под pdoMenu

Массово обновить ТВ, или другое поле через базу

Сообщение о том, что сайт использует Cookie

Создать свою страницу в админке

Изменить формат номера заказа

Получить grandparent. Вывести родитель родителя

Симпатичный список файлов, загружаемых к ресурсу через MIGX

Установить шаблон по-умолчанию для новых, создаваемых ресурсов

Вывести все доступные плейсхолдеры

Отредактировать шаблон письма

Создать источник файлов

Добавить скрипт перед тегом body

Общая сумма по каждому товару в корзине Minishop2

Создать раздел с паролем на сайте MODX

Что делать если ее приходит почта администратору

Фильтрация по TV параметрам в msProducts

Дата на русском

FontAwesome - часто используемые иконки для шаблонов MODX

Создать пакет с пользовательской таблицей

Загрузка сниппета после загрузки страницы через AjaxSnippet

Заготовки для работы

Курсы валют с cbr.ru на PHP

getResources заготовки

Обязательный чекбокс при оформлении заказа

Обработка остатков заказа в miniShop2

Соответствие названия классов с названиями таблиц в MySQL

Разбить вывод pdoResources на несколько колонок (блоков)

Баннеры с использованием BannerY

Обновить alias (псевдоним) у всех ресурсов

CSS для постраничной навигации pdoPage

Вывести время загрузки (формирования) страницы

Расширить таблицу site_content (объект modResource) за 5 минут

Счетчик посещений и скачиваний для сортировки ресурсов

Вырезать кавычки — фильтр-сниппет MODX

Бесплатная доставка от 5000 рублей в MiniShop2

Динамическое поле emailSubject в FormIt

Скрыть информацию о том, что сайт работает на MODX

Отсортировать ресурсы по количеству комментариев Quip MODx

Изменить цену на товар, если в корзине лежит товар из особой категории minishop2

Создать редирект через autoRedirector API

Cортировать по списку id в pdoResources и pdoTools

Ответ для сервиса moneta.ru

Вывести 404 ошибку по настройке TV MODX

Email сделать не обязательным полем

Как разместить исходный код сниппета на сайте, в документации

Ускорить установку MODX revo до пары кликов

Постраничная навигация — набор параметров и CSS PdoPage

Сделать все элементы статичными для Git и IDE

Не работает подгрузка товаров ajax mfilter2 на мобильном

Сделать поле размер обязательным

Настройка стилей для комментариев Tickets

Подключить текстовой редактор к доп. полям ресурса

Динамическая замена шаблона ресурса - плагин

Кастомный чанк для AdminPanel

Разместить корзину внутри блока с оформлением заказа

Плагин для формирования замороженных URL с редиректом

xPDO Выборка из одной таблицы с зацепкой значения из другой

Приветственный экран / заглушка на сайт

Вложенные условия в xPDO MODX

reCaptcha не через форму (без тега <form>)

Вывести список всех родителей в ТВ поле ресурса

Как получить данные пользователя сразу после авторизации через API

Вывести список всех емэйлов miniShop2

Если getParentIds не работает в плагине

Контролировать кэширование файлов CSS и JS MiniShop2

Не приходят / не отправляются письма - в чем причина?

Кэширование в MODX: использование $modx->cacheManager

Наш сайт использует куки, нажмите «ОК» если вы не против
OK