Созданию плитки тегов на Битрикс
Часть 1 — Пошаговая инструкция по созданию плитки тегов на Битрикс
Данная инструкция включает себя 3 варианта реализации. На основании статьи вы сможете написать ТЗ для своего разработчика.
В данной — 1 части рассмотрим первый вид.
Вариант 1 – Создание страницы через коллекции товаров с прикреплением к странице
Коллекции – это страница типа категории, которая наполняется товарами согласно ей. Для кого-то коллекция – это тег, метка или категорияю
Рассмотрим приницп работы коллекции в битрикс.
Нахождение коллекции в блоке с каталогом
Рисунок 1.1 – Нахождение коллекции в блоке с каталогом
Папка коллекция
Рисунок 1.2 – Папка коллекция
Папки коллекции необходимы для структурирования страниц, можно перенести структуру согласно проработанной карты сайта.
На рисунке 1.2 – жмем и переходим в папку
Добавление новой коллекции
Рисунок 1.3 – Добавление новой коллекции
Перед добавление необходимо найти на карте, проработанной структуру нужную страницу. Находим и выбираем, рисунок 1.4
Структурная карта (обозначения на карте у всех могут быть разные)
Рисунок 1.4 – Структурная карта (обозначения на карте у всех могут быть разные)
Заполнение коллекции
Рисунок 1.5 – Заполнение коллекции
Из рисунка 1.5:
1) Название со структурной карты (Н1). Туже после добавление формируется «Символьный код»
Вид ссылки на коллекцию будет /collection/svetodiodnye-lampy-e27-par16-220v
2) Автоописание в конец страницы
3) Выбор наполнения товарами с помощью родительской категории – это первый метод наполнения товарами. Если категория установлена, то остальные не работают метода.
Метод 2 - Прикрепление товара к коллекции
Ищем в каталоге необходимы товар для коллекции, рисунок 1.6
Поиск товара
Рисунок 1.6 – Поиск товара
Заходим в товар.
Рисунок 1.7 – Жмем выбор коллекции
Выбираем коллекцию, которую мы создали.
Рисунок 1.8 – Выбираем коллекцию и сохраняем.
Все данный метод позволил прикрепить к коллекции нужный товар.
Метод 3- Загрузка товаров файлом к коллекции
Выбор импорта в админке Битрикса
Рисунок 1.9 – Выбор импорта в админке Битрикса
Выбор профиля загрузки
Рисунок 1.10 – Выбор профиля загрузки
Файл для загрузки
Рисунок 1.11 – Файл для загрузки
Коллекция – это ID коллекции, к которой необходимо добавить данный товар
Добавляем файл
Рисунок 1.12 – Добавляем файл
Добавление файла и сохранение
Рисунок 1.13– Добавление файла и сохранение
Продолжаем работу по созданию коллекции. Осталось заполнить мета данные.
Переходим в раздел SEO коллекции
Рисунок 1.14 – Переходим в раздел SEO коллекции
Открываем файл с подготовленными метаданными
Рисунок 1.15 – Открываем файл с подготовленными метаданными
1) Н1
2) Title
3) Description
Заполнение
Рисунок 1.16 – Заполнение
Из рисунка 1.16:
1) Title
2) В keywords – можно добавить н1, можно не добавлять ничего
3) Description
4) Заголовок элементы – это Н1 для хлебных крошек
Рисунок 1.17 – Жмем сохранить
Все коллекция готова.
Если не была прикреплена категория, то сейчас она пустая и необходимо воспользоваться 2-ым методом или 3-им методом для наполнения товарами.
Теперь необходимо прикрепить данную страницу в облако – ссылок, или тегов или меток.
Добавление в облако тегов
Заходим в модуль тегов
Рисунок 1.18 – Заходим в модуль тегов
Нажимаем добавить элемент
Рисунок 1.19 – Нажимаем добавить элемент
Наполнение тега (метки или ссылки)
Рисунок 1.20 – Наполнение тега (метки или ссылки)
Из рисунка 20:
1) Название – то как нам надо чтобы было в навязни тега, может не равняться Н1
2) Ссылка на коллекцию, которую получили выше
3) Выбор по ID страницы, к которой необходимо прикрепить тег. В данном проекте можно добавить в шапку сайта или подвал.
Рисунок 1.21 – Жмем сохранить
Рисунок 1.23 – Тег появился на странице
Рисунок 1.23 – Вид коллекции через заполнение с помощью категории
Мы рассмотрели метода добавление через коллекции. Данная инструкция позволит написать ТЗ для разработчика, который может реализовать данный функционал