Инструкции по установке кода

1. Авторизуйтесь в административной панели CMS WordPress (по-умолчанию она расположена по адресу http://ваш_домен/wp-admin)

2. Перейдите в раздел «Внешний вид» или «Дизайн» (в левой части страницы) и выберите пункт «Редактор»

3. В правой части экрана в блоке «Шаблоны» выберите Подвал/Footer (footer.php)

4. В открывшемся редакторе шаблона вставьте код Clicktex прямо перед закрывающим тэгом </body> и сохраните изменения

5. Система Clicktex будет активирована сразу при первом посещении сайта любым пользователем

Практический пример добавления страниц в 1С Битрикс

В отличие от способа добавления страницы при помощи мастера, этот способ тоже запускает мастера добавления контента, но с дополнительным функционалом. Для того что бы добавить страницу откроем в панели управления выпадающий список под кнопкой «Создать страницу», выберем из меню добавить «По шаблону». Нам отобразил битрикс два варианта добавления страницы, «Шаблон сеток страниц» и «Стандартная страница» Второй вариант стандартный его пропустим, а вот первый из выпадающего списка задействуем.

Кликнем по пункту «Шаблон сеток страниц», битрикс открывает мастера, заголовок страницы укажем «Шаблон сайта», снимаем галочку из пункта «Добавить пункт в меню», нажимаем далее.

Подробно все поля в данной форме разбирали в предыдущем видео Создание страниц на 1С Битрикс.

Следующий шаг в мастере выбираем варианты шаблона сетки страницы, давайте остановимся на трех колоночном, жмем далее. Благодаря тому, что установили галочку в пункте «Перейти к редактированию страницы», битрикс нам отобразил ее в визуальном редакторе.

Добавлена пустая страничка, и для того чтобы увидеть результат, откроем ее в визуальном редакторе в режиме кода, обратим внимание на добавленный класс Bootstrap к блоку <div> , в нем находятся три блока которые разделяют нашу страничку на три колонки.

Для визуального отображения добавим текст в каждый блоку, и сохранимся.

Система 1С Битрикс отобразила добавленную страницу согласно нашему трех колоночному шаблону, в каждой колонке равномерно распределился текст.

Такое добавления страниц хорошо использовать при специфическом ее оформлении, когда страничка отличается от общего количества.

Если добавляющих шаблонов нет

Возможно, если у Вас версия 1С Битрикс не «Малый бизнес» или «Бизнес» то данные шаблоны могут не отображаться, да и вообще пункта «По шаблону» возможно будет отсутствовать и добавить контент по шаблону в битрикс не получится.

Возьмем для примера наш сайт ДАЛЬВЕБСТРОЙ, перейдем на главную страницу, включим режим правки, и видим, что в нашем случае добавить «по шаблону» этого пункта в меню нет.

Что делать, как добавить страницу в битрикс с готовым кодом, когда в меню этот функционал отсутствует?

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

Но допустим, вы самостоятельно желаете разобраться, как добавить данный функционал на битрикс, и для того что бы это сделать придется создать несколько файлов и добавить в них пару строк кода.

Вставляем HTML в шаблон и на главную страницу

Для начала нужно мысленно разбить нашу верстку на 2 части: на шапку и подвал. Открываем файл с версткой index.html и ищем контент (ту часть верстки, которая будет уникальная для каждой страницы сайта). В нашем случае контент выглядит следующим образом:

Всё, что выше контента – вставляем в файл шаблона header.php, весь код под контентом – в файл footer.php

Главная страница нашего сайта немного изменилась:

Т.к. в нашей верстке есть контент для главной страницы – давайте вставим его на главную страницу нашего сайта. Через FTP-менеджер идем в корень сайта и открываем файл index.php, видим следующее содержимое:

Очень грубо говоря: в первых четырех строчках подключается шапка сайта (и ядро битрикса) и устанавливается заголовок страницы. Последняя строчка подключает подвал сайта (и кое-какие служебные скрипты).

Между этими строчками и содержится контент страницы. Давайте заменим его на контент из верстки, получим следующее:

Главная страница сайта стала еще чуть более информативной:

Установка с помощью BitrixSetup

С помощью скрипта BitrixSetup _src можно загрузить дистрибутив «1С:Франчайзи» непосредственно на ваш сайт, не скачивая файл на локальный компьютер. Кроме того, скрипт позволяет распаковать дистрибутив без доступа к сайту по ssh или внешних программ.
В версии 9.5 добавлено 2 новых шаблона дизайна, каждый из которых имеет 3 цветовые схемы. Сейчас доступно 7 вариантов оформления сайта из коробки.

Легкий шаблон (фиксированный по ширине, 3 цветовые схемы)

Строгий шаблон (фиксированный по ширине, 3 цветовые схемы)

Базовый шаблон

Вы можете произвольным образом, без каких либо ограничений вносить изменения в данные шаблоны: стили CSS, сами шаблоны, причем большинство операций можно выполнять через интерфейс 1С-Битрикс.

Мы аккуратно собираем действительно полезные материалы для собственников интернет-магазинов и интернет-маркетологов, касающиеся разработки и эксплуатации быстро масштабируемых e-commerce проектов.

Элемент списка в Битрикс

Доброго времени суток, коллеги! В данной статье будет подробно рассмотрена тема списков (их видов, действий с ними) в системе управления Битрикс, а также элементов списка. Списки являются модулем в Битрикс. Их главная задача заключается в упрощении отображения информации на сайте путем ее структурирования. Особенностью списков в Битрикс является то, что их можно исправлять из общей части сайта, не заходя в панель администратора.

Компонент «Списки» можно найти по пути: «Контент → Универсальные списки → Список», то есть он относится к модулю под названием «Универсальные списки».

Начинается работа со свойствами списков Битрикс с создания типа внутри информационного блока под названием «Списки». Это делается в параметрах компонента. Создаем страницу на сайте и размещаем данный комплексный компонент системы 1С:Битрикс, далее в нём выбираем нужный инфоблок и начинаем заполнение (например, добавление полей «Дата», «Дата активности», «Название» и так далее).

Разберём параметры для списков Битрикс:

· IBLOCK_TYPE_ID – находится в поле «Тип инфоблока» и описывает тип информационного блока для хранения универсальных списков;

· IBLOCK_ID – располагается в поле «Инфоблок», в нём пишется идентификатор для инфоблока;

· SECTION_ID – располагается в поле «Раздел», сообщает код с идентификатором раздела (по умолчанию стоит «=<[H1toH2] REQUEST["section_id"]>»);

· LISTS_URL – находится в «URL главной страницы списков», здесь можно отметить шаблон для ссылки на главную страницу, вышеуказанных списков;

· LIST_EDIT_URL– в поле «URL настройки списка», здесь указываем шаблон для ссылки на страницу настроек списка;

· LIST_URL – можно найти в поле «URL списка», в нём пишем шаблон ссылки на список;

· LIST_SECTIONS_URL – располагается в поле «URL управления разделами», указываем шаблон для ссылки на страницу с управлением по разделам в списке;

· LIST_EDIT_URL – состоит в поле «URL редактирование элемента», в нем находится шаблон для ссылки на страницу для редактирования элемента;

· BIZPROC_WORKFLOW_START_URL – заключается в поле «URL запуска бизнес-процесса» и аналогично указывает шаблон только для страницы по запуску бизнес-процесса.

Следующим шагом станет настройка кеширования в списках по двум параметрам:

1. CACHE_TYPE – в данном параметре можно выбрать один из типов кеширования:

— «А» – автоматически обновит кеш с компонентами в период заданного времени/при изменениях в данных;

— «Y» – для того чтобы начать кеширование, необходимо определить его время;

— «N» – в любом случае не начинать кеширование;

2. CACHE_TIME – данный параметр предназначен для определения времени кеширования.

Пример вызова списков на основании параметров, которые были описаны выше, будет выглядеть следующим образом:

Рис. 1 Пример вызова списков Битрикс

2. Общий универсальный способ вывода списка элементов Битрикс

Большая часть информации в административном разделе в 1С:Битрикс выводится в виде списка элементов Битрикс. В них отображается вся информация об элементах.

Рис. 2 Список элементов Битрикс

На странице, где находится список элементов Битрикс, подаётся фильтр, который регулирует сам список с элементами.

3. Получить ID элементов списка

Задача «Получить ID элементов списка, привязанных к CRM сущности» даёт возможность получить ID элемента, который имеет привязку к сущности CRM. Данное действие сопоставляется с процедурой «Чтение элемента списка»:

Рис. 3 Получить ID элементов списка, привязанных к CRM сущности

4. Обновление элемента списка Битрикс

Главная проблема обновления элемента списка в Битрикс на Python3 заключается в том, что при апдейте (перерасчете важных критериев по статистике ранжирования) из списка нужно переделывать абсолютно все поля. Поэтому пред тем как начать это делать, стоит сделать запрос на все поля элемента по ID, сформировать из них массив, и только после этих действий можно начинать «апдейтить». Данная процедура в коде описана на скриншоте ниже:

[/H1toH2]

Зачем создаются файлы template_, kernel_main.js и kernel_main.css?

Вы уже знаете, что CMS это продукт сборный. В нем есть шаблоны и есть наборы программных компонентов. В шаблоне сайта вы подключаете файлы js и css. Так же и в компонентах есть свои шаблоны с подключаемыми файлами js и css.

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

Если в настройках Битрикса включена опции «Объединять JS файлы» и «Объединять CSS файлы», тогда система соберет все эти файлы и создаст один единый kernel_main.js и kernel_main.css

Причем в соответствии с очередностью расположения компонентов на странице. То есть если сначала идет компонент показывающий слайдер, а за ним компонент со списком новостей – значит сначала в объединённом файле будет идти стили слайдера, а за ним стили списка новостей.

Что из этого следует? А вот что – если вы отключите опцию «Объединять JS файлы» и «Объединять CSS файлы», то никаких общих файлов kernel_main.js и kernel_main.css создаваться не будет. Так что, никаких тут костылей и изощренных решений для избавления от, казалось бы, назойливых файлов kernel не требуется.

Настройки сайта

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

Выбираем подходящий цвет фона и нажимаем «Создать». В нижнем правом углу также находится форма для связи с техподдержкой.

После перевода системы в конструктор можно начинать собирать будущий сайт. Сборка происходит с помощью добавления блоков через кнопку посредине экрана. Чуть выше отображена ориентация конструктора: как будут отображаться страницы на ПК, планшете или смартфоне.

Чтобы увидеть, как будет выглядеть страница требуется нажать «Предпросмотр». Для сохранения любых изменений нажимаем «Опубликовать». После публикации сайт становится доступным в сети по заданному адресу.

Нажимаем «Добавить блок» и можно приступать к сборке. Все блоки добавляются один за другим сверху вниз — расположить несколько элементов в горизонтальной плоскости нельзя. В ассортименте конструктора обширный набор блоков, позволяющий реализовать практически любую структуру и концепцию.

Для удаления или перетаскивания уже добавленного блока необходимо навестись на него мышью и воспользоваться контекстным меню.

Отдельное внимание требуется уделить настройкам самого сайта. Для этого открываем раздел «Настройки» на главном меню конструктора. Выбираем «Настройки страницы».

В разделе можно изменить адрес текущей страницы или ее ссылочное изображение. Также можно изменить цвет фона, установленный на этапе выбора шаблона.

После раскрытия меню под кнопкой «Дополнительно», открывается возможность более гибкой настройки.

В разделе можно:

• Настроить мета-теги.
• Изменить общий фон.
• Поменять шаблон страницы.
• Подключить модули аналитики.
• Добавить пользовательский код HTML или CSS.
• Разрешить или запретить индексирование страницы в поисковиках.
• Добавить страницу в карту сайта.

Для настройки параметров сначала необходимо мышкой отметить их активность. После этого конструктор откроет окно для редактирования.

После изменения параметров обязательно нажимаем «Сохранить».

Далее переходим к настройкам.

В этом разделе Битрикс24 сайты можно указать адрес, выбрать главную страницу, настроить навигацию.

Более глубокая настройка доступна при открытии подменю «Дополнительно». Данный раздел позволяет:

• Загрузить Favicon.
• Подтвердить права через вебмастера Яндекс или Google.
• Подключить модуль аналитики.
• Добавить ключи для размещения Google.Карты.
• Выбрать шаблон для интерфейса.
• Настроить страницу «Ошибка 404».
• Настроить robots.txt.
• Временно остановить работу сайта для редактирования.
• Провести ускорение и техническую оптимизацию.

Чтобы начать работу с любым элементом из меню, требуется сначала отметить его активность.

После полной настройки нажимаем «Сохранить». При выходе из меню также требуется нажимать «Опубликовать» — это полностью сохранит все измененные параметры.

Редактирование страниц

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

Чтобы перейти непосредственно к редактированию функциональной составляющей блока, наводим мышью на элемент и нажимаем «Редактировать».

Для каждого блока список доступных опций отличается. Среди общих настроек требуется выделить:

• Изменение минимального разрешения блока.
• Редактирование заголовка, отображаемого текста или всплывающих подсказок.
• Изменение фонового изображения.
• Привязка ссылки или якоря для навигации.

После настройки блока обязательно нажимаем кнопку «Сохранить». Подобным образом проводится редактирование контента, навигации и визуальной составляющей для каждого элемента на странице.

Обратите внимание! Для любой страницы возможно добавление персонального кода HTML или CSS. Это обеспечивает более индивидуальные настройки визуальной составляющей: разметки, структуры и дизайна. Редактирование создаваемого сайта через код проводится по пути «Настройки» — «Настройки страницы» — «Добавить пользовательский HTML или CSS».

Создание новой страницы

Чтобы создать еще одну страницу требуется вернуться в меню корпоративного портала.

В списке появится недавно созданный проект — нажимаем «Действия» и «Создать страницу». Система вновь предложит выбрать шаблон для работы, также можно создать страницу с чистого листа.

Далее потребуется выбрать палитру страницы. Затем открывается конструктор Битрикс24 сайта для создания или редактирования страницы.

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

Чтобы привязать ссылку, переходим в настройки страницы. Первым пунктом меню отображен адрес, который можно изменить при необходимости. Копируем ссылку и сохраняем страницу.

Далее переходим к навигационному блоку: кнопке, меню и т. д. Выбираем редактировать ссылки, после чего указываем имя и адрес ссылки. Аналогичным путем настраивается якорная навигация в пределах одной страницы. После изменения данных сохраняем настройки.

Важно знать! Для создания страниц с одинаковым макетом можно в главном меню «Копировать страницу». Это позволит сохранить разметку, структуру и дизайн уже созданной страницы, и снизит объем работы при редактировании. Подобное решение оптимально для создания каталога товаров или перечня услуг, когда необходимо изменить только часть информации на нескольких типовых страницах.

Встроенная интеграция с CRM

Еще одним плюсом, чтобы создать сайт в Bitrix24 считается встроенная интеграция с CRM. Интернет-ресурс, создаваемый на конструкторе Б24, содержит уже внедренную форму связи. Это позволит быстро запустить блог, корпоративный сайт, лэндинг или небольшой интернет-магазин. Все обращения клиента попадают сразу в CRM, а его данные и диалоги записываются в CRM-карточку. Менеджеру остается только обработать заявку и завершить сделку.