Всем привет, окунитесь в обычный рабочий день frontend разработчика. Жена пикабушника делает листинг каталога для онлайн бронирования vr игр
Приятного просмотра, с удовольствием отвечу на все вопросы по теме
Опыт работы: не имеет значения
Зарплата: от 30 000 до 100 000 рублей
Ваши задачи:
Участвовать в разработке новых и поддержке текущих сайтов на 1С-Битрикс и CRM Битрикс24
Проектировать новый функционал и продумывать его архитектуру
Решать множество нетривиальных задач, оптимизировать скорость загрузки
Взаимодействовать по задачам с командой веб-разработчиков, а также верстальщиком, тестировщиком и контент-менеджерами
Требования:
Желательно знание JavaScript, HTML, CSS
Умение работать с системой контроля версий Git
Понимание принципов объектно-ориентированного программирования
Больше вакансий по вашим предпочтениям ищите на сайте Пикабу Работа.
Взято из телеграмма - Инкогнито
Иван - один из тех, кто посвятил жизнь обучению современным технологиям, и применению их для всех, имеющих нарушения здоровья.
По рейтингу журнала "Форбс" он вошёл в лидеры российских разработчиков в стране и в мире.
Его пример вдохновляет многих молодых людей с ДЦП на собственное развитие.
Пожелаем ему здоровья и сил, а также воплощения планов.
Такие люди нам нужны!
Устанавливаем и включаем модуль slick views:
composer require drupal/slick_views ; drush en slick_views -y ; drush en slick_ui -y
Композер сам найдет и установит дополнительные модули: slick, slick ui.
Заходим на страницу Отчет о состоянии:
/admin/reports/status
Slick требует установки библиотек.
В терминале заходим в папку libraries, что в корне сайта.
cd ~/user/site/libraries
Если ее нет, то создаем.
mkdir ~/user/site/libraries
Переходим на страницу каждой библиотеки, нажимаем кнопку Clone or download и копируем путь:
Находясь в папке libraries, клонируем библиотеки:
git clone https://github.com/dinbror/blazy.git ;
git clone https://github.com/kenwheeler/slick.git
Заходим на страницу настроек модуля Slick и делаем дубликат шаблона.
/admin/config/media/slick
Меняем название и машинное имя и сразу же сохраняем. Для простого слайдера стандартных настроек достаточно.
Создаем новое представление и меняем формат с Неформатированный список в Slick Carousel.
Нажимаем галку Vanilla Slick, меняем Optionset main на созданный ранее Slider и сохраняем.
В настройках представления указываем что выводить, сколько и как:
Я вывожу статьи, две штуки в режиме отображения анонс.
Сохраняем представление.
Результат в теме Bartik
Вот и все. Если вам нужна карусель из нескольких столбцов или даже рядов, то вы можете самостоятельно в настройках Optionset поменять их количество.
Создадим обвязку новостей в которую будут попадать недавно просмотренные материалы пользователя.
Установим модуль Recently Read:
composer require drupal/recently_read ; drush en recently_read -y
Переходим в настройки модуля:
/admin/config/system/recently-read
Ставим галки на «Включить» и необходимые типы материалов:
Мне нужна только «Новость»
Во вкладке «Конфигурация» модуля меняем настройки:
Как именно будет удалена информация о недавно просмотренных материалов у пользователя?
- Time based — спустя указанное время;
- Count based — при просмотре нового материала — старый в конце сотрется;
- Никогда — не будет удалятся.
Добавим новый блок представления с обвязкой, а в него — Связь:
Content recently read
В «Наборы» укажем необходимый тип материала:
Далее, в критериях сортировки добавляем «Created» с категорией «Recently read» с порядком «По убыванию».
Добавим в контекстные фильтры ID без связи «Recently read» со следующими настройками:
- Когда значение фильтра не доступно → Передать значение по умолчанию → ID материала из URL;
- More → Исключить → Ставим галку.
Это нужно для того, чтобы в обвязке не выводился материал, на странице которого находится пользователь.
Мои настройки блока представления выглядят вот так:
Выведем блок с обвязкой.
Переходим в схему блоков:
/admin/structure/block
Размещаем новосозданный блок представления в любом удобном для вас регионе:
Если нужно — меняем настройки, указываем область видимости:
Мой блок будет выводиться на страницах «Новость»
Теперь посетим несколько новостей и взглянем на обвязку:
На скриншоте мало что понятно, но все работает — честное слово :)
Когда в типе материала очень много полей, редактору сложно ориентироваться:
Что нужно сделать?
- Скрыть ненужные поля:
- Сгруппировать нужные поля;
- Настроить режим отображения поля параграфа: свернут/несвернут, добавляются через кнопки или селект.
Убрать лишнее
Все то, что не понадобится в процессе заполнения страницы следует убрать: Language, Автор, Помещено на главную страницу, Закреплять вверху списков.
Группировка полей
- Устанавливаем и включаем модуль Field Group;
- Переходим в «Управление отображением формы»;
- Жмем кнопку «Добавить группу».
- Выбираем и добавляем «Tabs» — это будет контейнер для всех вкладок;
- Аналогично добавляем несколько «Tab» — это уже сами вкладки.
Что куда помещать — решайте сами. Лично я либо пытаюсь примерно скопировать ту структуру, которую видят все пользователи, либо просто объединить схожие элементы.
Результат
