Виджет "Возрастное ограничение" 2.X

914
В работе над одним проектом понадобился виджет, показывающий на сайте кнопку с возрастным ограничением. Простой html через вставку виджета не устроил, поэтому пришлось написать виджет. Возможно, кому-то пригодится на ваших проектах.

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

Виджет \"Возрастное ограничение\"



В настройках есть такие опции:

1) Фиксировать или нет кнопку. Если зафиксировать - будет зафиксирована в каком-либо углу.
2) Возраст в кнопке, например 18
3) Фон кнопки
4) Цвет текста
5) Позиция блока - справа или слева
6) Скругление углов в px
7) Внутренний отступ в блоке
8) Позиция кнопки - справа или слева (Работает только в том случае, если кнопка зафиксирована)
9) Заголовок внутри модального окна
10) Текст внутри модального окна
11) Текст кнопки внутри модального окна

Виджет \"Возрастное ограничение\"

В результате простых манипуляций и настроек получаем на сайте вот такую вот кнопочку, при клике на которую вызывается модальное окно с тем текстом или содержимым, которое вы задали в настройках виджета

Виджет \"Возрастное ограничение\"

Кстати, я решил отказаться от стандартного модального окна системы. Внутри виджета используется бесплатный ReModal. Он мне как-то ближе по дизайну и стилистике. Но, можно вывести и в родном модальном - путем внесения пары правок в файл шаблона виджета.

Виджет бесплатный и распространяется как есть. В дальнейшем планирую превратить его в полноценный компонент, но это пока лишь в мыслях.

Платежная система Tinkoff для компонента Биллинг | Виджет "Анимированный Preloader страниц"
Комментарии (9)
Алексей 7 февраля 2021 в 23:48 -11
Крайне бестолковая поделка.
По фен-шую должно быть 2 кнопки и если нажать на мне нет 18 то функционал сайта урезаться должен до разрешённого законодательством.
Да еще и код надо посмотреть не дырявый ли.
Ставить не рекомендую - проще баннер поставить +18
Make 8 февраля 2021 в 00:04 +7
Алексей:
Да еще и код надо посмотреть не дырявый ли.

О да, давайте, великий сэнсей программирования и вёрстки - посмотрите пожалуйста мой код, и скажите, не дырявый ли он, как все ваши поделки? rofl
SpideR 8 февраля 2021 в 08:14 +4
Опять эти дни?
Make 8 февраля 2021 в 08:16 +4
Вы все пропустили))) Вчера была жаркая дискуссия) Ну впрочем вы и сами можете почитать)
Make 8 февраля 2021 в 00:12 +6
Алёша Тимофеев:
По фен-шую должно быть 2 кнопки и если нажать на мне нет 18 то функционал сайта урезаться должен до разрешённого законодательством.

Если вы внимательно прочитаете описание поста в блоге, то увидите:

Make:
В дальнейшем планирую превратить его в полноценный компонент, но это пока лишь в мыслях.

Включите мозг и подумайте - зачем для виджета нужен компонент? Правильно, чтобы отключать указанный в настройках функционал. Обязательно допишу, вы только не переживайте.

Алёша Тимофеев:
Ставить не рекомендую - проще баннер поставить +18

Ну так ставьте, в чем проблема то?
fincheck 8 февраля 2021 в 00:32 +1
А можно так...
При заходе пользователя на сайт, он видит "Вам есть 18"? И кнопки ДА и НЕТ, если пользователь нажимает ДА, то вываливается(как вариант) пример из высшей математики, не решил, пошёл нафиг с Новым годом. laugh
Make 8 февраля 2021 в 01:21 +5
Можно, почему бы и нет. Можно вообще создать универсальное решение, которое будет показывать баннер с рандомным содержимым, в зависимости от условий. Скажем, упакуем все это дело в компонент, где предположим будет возможность создавать баннер для разных групп пользователей. В-общем подумаю над этим на досуге.

А по поводу автопоказа баннера - в ближайшие дни добавлю такую возможность.
Fuze 9 февраля 2021 в 20:11 +7
Весь офтоп удалён.
И я напоминаю о правилах.
Inna 12 февраля 2021 в 00:49 +5
Знак 18+ должен располагаться в верхней части главной страницы (этого достаточно) Роскомнадзор