Как убрать слайдер в 1с битрикс
Для корректной работы слайдера, у слайдов есть ряд служебных свойств.
Для того чтобы управлять данными свойствами слайда, вам необходимо в разделе "Контент" выбрать один из элементов инфоблока "Слайдер на главной" и нажать на "Изменить"
1. Открывать ссылки в новой вкладке.
Данный параметр отвечает за поведения браузера после нажатия на ссылку. Если данный параметр установлен, то после нажатия на ссылку, браузер откроет новою вкладку в которой загрузит страницу из ссылки. В противном случае, ссылки будут открываться в текущем окне.
2. Весь слайдер ссылка.
Включение данного параметра приводит к следующем: При нажатии на любую область слайда, пользователь перейдёт по первой ссылки из свойства "Ссылки" ( 7 )
3.Расположение картинки.
Если данный параметр установлен на "Слева", то картинка анонса будет позиционироваться слева от основного контента слайда.
При установленном значении "Справа" картинка анонса будет позиционироваться справа от основного контента слайда
4. Цвет заголовка .
5. Цвет текста.
Параметр аналогичный параметру "Цвет заголовка", и отличается лишь тем, что меняет цвет текста анонса, выводимого на слайде. Для примера подставим в данное свойство значение b26008 и получим текст следующего цвета:
6. Выводить анонс.
Данный параметр отвечает за вывод текста слайда (за исключением заголовка). Для примера, если отключить данный параметр то получим следующее поведение слайда:
7. Ссылки.
"Ссылки" отвечают за вывод списка ссылок на слайде в виде кнопок. Стоит учитывать, что в случае, если у значения нет описания, то ссылка отображаться не будет, а в случае, если выбран параметр "Весь слайдер ссылка", то данные кнопки будут вести на первую ссылку слайда.
8. Не выводить заголовок.
Если данный параметр включен, то заголовок не будет отображаться.
9. Поведение фона.
Данный параметр отвечает за то, будет ли задний фон обрезаться или же масштабироваться. При масштабировании стоит учитывать как сам размер заднего фона, так и высоту слайдера. Для примера, у данного слайда стоит значения "обрезать"
Однако если поменять значение на "масштабировать" , то изображение примет следующий вид:
Когда я создавал свою первую компоненту на битриксе для меня это показалось довольно сложным процессом. Вроде бы написано полно статей, русскоязычная документация, форум. Что ещё надо?! А то, что нет простой для понимания информации для новичка, который только начинает практиковаться в разработке для битрикса.
Спустя некоторое время, когда я разобрался, всё оказалось довольно таки просто и создавать компоненты прям с нуля тоже не обязательно. Сегодня я расскажу, как просто научиться создавать компоненты для CMS 1С-Битрикс на примере слайдера изображений.
Создание инфоблока
Далее во вновь созданном типе создаем сам инфоблок. Назову его так же слайдер. Ставим галочку с сайтом по умолчанию.
Так же для удобства во вкладке Поля устанавливаем начало активности в текущие дату и время. Это необходимо, чтобы у вновь созданных элементов дата активности заполнялась автоматически и они сразу же становились доступны.
На вкладке Доступ разрешаем чтение для всех пользователей, иначе инфоблок будет недоступен к просмотру.
Теперь можно сразу его наполнить. Для этого идем в Рабочий стол → Контент → Слайдер → Слайдер и добавляем новый элемент.
Название обязательно. И картинку будем загружать в картинку для анонса во вкладке Анонс.
Создание компонента битрикс
Компоненты не обязательно создавать с нуля. В большинстве случаев подходит кастомизация компонентов news.list или news. В нашем случае подойдет компонент news.list.
Идем в /bitrix/components/bitrix/news.list/templates/ и копируем папку .default в /bitrix/templates/ваш_шаблон/components/bitrix/news.list/ Если папки components и news.list в вашем шаблоне отсутствуют, то создаём их. И переименовываем папку из .default например в slider. Так мы создали новый кастомный шаблон slider.
Итак разберем все по порядку.
В самом начале оставляем строчку. Она необходима для защиты от прямого доступа к файлу.
Все наши элементы будут находиться в массиве $arResult["ITEMS"] Затем он перебирается с помощью foreach и выводится по элементно в массиве $arItem . Оставляем цикл foreach .
Давайте сейчас посмотрим что у нас находится в массиве. Для этого в цикл добавляем var_dump($arItem)
Чтобы увидеть данные необходимо вывести компонент на странице сайта. Создайте новую пустую страницу и добавьте туда компонент news.list. Выбираем шаблон slider и указываем тип инфоблока и инфоблок со слайдами.
Видим, что в массиве содержатся наши элементы слайдера. При создании компонент вам часто придется пользоваться функциями var_dump() или print_r() чтобы узнать как называются элементы содержащиеся в массиве и вывести их.
Здесь нам понадобятся только картинки анонсов. Ссылка на картинку будет находится в элементе $arItem["PREVIEW_PICTURE"]["SRC"]
Добавление слайдера в компонент
Сохраняем стили и скрипты в папках css и js текущего шаблона: owl.carousel.css, owl.theme.default.min.css, owl.carousel.min.js. Так же нам понадобится jQuery.
Добавляем скрипты между тегами <head></head> . Это можно сделать в шаблоне в файле header.php. Получить ссылку на текущий шаблон можно с помощью функции <?php echo SITE_TEMPLATE_PATH;?> Получаем примерно следующий код:
Возвращаемся в template.php и оборачиваем цикл с картинками в следующий код:
Ниже добавляем код для запуска слайдера с единственной опцией вывода по одной картинке.
Так же можно добавит код из стандартного шаблона, который позволяет редактировать элементы из фронтальной части сайта.
И указываем для блоков с элементами id="GetEditAreaId($arItem['ID']);?>" . Полный код файла template.php:
Если вам понравилась статья, вы можете отблагодарить автора любой суммой, какую сочтете для себя приемлемой:
CMS "1С-Битрикс" предоставляет широкие возможности для начала работы с сайтом. Вы можете установить систему управления и пользоваться ей совершенно бесплатно в течение 30 дней. Как правило этого хватает, чтобы не только разобраться, но и разработать и наполнить свой сайт перед Читать далее
В компонентах Битрикс есть встроенный функционал для AJAX подгрузки. Его так же можно использовать, например для бесконечного скролла новостей. Но есть и более простой способ, с помощью которого можно загружать ответ любого компонента без перезагрузки страницы. Его мы и рассмотрим Читать далее
Использовать капчу в формах довольно просто, достаточно отметить галочкой нужный пункт. А что если нужна защита кодом для какого-то нестандартного функционала?! В этом случае можно так же воспользоваться встроенными методами Битрикс. Включение капчи в модуле Веб-формы. Шаг 1 Подключаем библиотеку Читать далее
Работа с базой данных в CMS 1C-Битрикс осуществляется с помощью глобального объекта $DB. Класс позволяет осуществлять различные операции с базой данных, такие как например добавление, удаление, обновление и вывод данных. Аналог в CMS WrodPress - класс wpdb. Обращаться к базе данных Читать далее
Наткнулся в сообществе разработчиков 1С-Битрикс на очень интересную разработку - модуль, который отслеживает изменения файлов/страниц на сайте и сохраняет их резервные копии, а так же ведет логи действий и формирует отчеты с фильтрами. Странно, что этот модуль так и не Читать далее
Читайте также: