Созданию плитки тегов на Битрикс

Часть 1 — Пошаговая инструкция по созданию плитки тегов на Битрикс

Данная инструкция включает себя 3 варианта реализации. На основании статьи вы сможете написать ТЗ для своего разработчика.

В данной — 1 части рассмотрим первый вид.

Часть 1 — Пошаговая инструкция по созданию плитки тегов на Битрикс, изображение №1

Вариант 1 – Создание страницы через коллекции товаров с прикреплением к странице

Коллекции – это страница типа категории, которая наполняется товарами согласно ей. Для кого-то коллекция – это тег, метка или категорияю

Рассмотрим приницп работы коллекции в битрикс.

Нахождение коллекции в блоке с каталогом

Рисунок 1.1 – Нахождение коллекции в блоке с каталогом

Рисунок 1.1 – Нахождение коллекции в блоке с каталогом

Папка коллекция

Рисунок 1.2 – Папке коллекция

Рисунок 1.2 – Папка коллекция

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

На рисунке 1.2 – жмем и переходим в папку

Добавление новой коллекции

Рисунок 1.3 – Добавление новой коллекции

Рисунок 1.3 – Добавление новой коллекции

Перед добавление необходимо найти на карте, проработанной структуру нужную страницу. Находим и выбираем, рисунок 1.4

Структурная карта (обозначения на карте у всех могут быть разные)

Рисунок 1.4 – Структурная карта (обозначения на карте у всех могут быть разные)

Рисунок 1.4 – Структурная карта (обозначения на карте у всех могут быть разные)

Заполнение коллекции

Рисунок 1.5 – Заполнение коллекции

Рисунок 1.5 – Заполнение коллекции

Из рисунка 1.5:

1) Название со структурной карты (Н1). Туже после добавление формируется «Символьный код»
Вид ссылки на коллекцию будет /collection/svetodiodnye-lampy-e27-par16-220v
2) Автоописание в конец страницы
3) Выбор наполнения товарами с помощью родительской категории – это первый метод наполнения товарами. Если категория установлена, то остальные не работают метода.

Метод 2 - Прикрепление товара к коллекции

Ищем в каталоге необходимы товар для коллекции, рисунок 1.6

Поиск товара

Рисунок 1.6 – Поиск товара

Рисунок 1.6 – Поиск товара

Заходим в товар.

Рисунок 1.7 – Жмем выбор коллекции

Рисунок 1.7 – Жмем выбор коллекции

Выбираем коллекцию, которую мы создали.

Рисунок 1.8 – Выбираем коллекцию и сохраняем.

Рисунок 1.8 – Выбираем коллекцию и сохраняем.

Все данный метод позволил прикрепить к коллекции нужный товар.

Метод 3- Загрузка товаров файлом к коллекции

Выбор импорта в админке Битрикса

Рисунок 1.9 – Выбор импорта в админке Битрикса

Рисунок 1.9 – Выбор импорта в админке Битрикса

Выбор профиля загрузки

Рисунок 1.10 – Выбор профиля загрузки

Рисунок 1.10 – Выбор профиля загрузки

Файл для загрузки

Рисунок 1.11 – Файл для загрузки

Рисунок 1.11 – Файл для загрузки

Коллекция – это ID коллекции, к которой необходимо добавить данный товар

Добавляем файл

Рисунок 1.12 – Добавляем файл

Рисунок 1.12 – Добавляем файл

Добавление файла и сохранение

Рисунок 1.13– Добавление файла и сохранение

Рисунок 1.13– Добавление файла и сохранение

Продолжаем работу по созданию коллекции. Осталось заполнить мета данные.

Переходим в раздел SEO коллекции

Рисунок 1.14 – Переходим в раздел SEO коллекции

Рисунок 1.14 – Переходим в раздел SEO коллекции

Открываем файл с подготовленными метаданными

Рисунок 1.15 – Открываем файл с подготовленными метаданными

Рисунок 1.15 – Открываем файл с подготовленными метаданными
1) Н1
2) Title
3) Description

Заполнение

Рисунок 1.16 – Заполнение

Рисунок 1.16 – Заполнение

Из рисунка 1.16:

1) Title
2) В keywords – можно добавить н1, можно не добавлять ничего
3) Description
4) Заголовок элементы – это Н1 для хлебных крошек

Рисунок 1.17 – Жмем сохранить

Рисунок 1.17 – Жмем сохранить

Все коллекция готова.

Если не была прикреплена категория, то сейчас она пустая и необходимо воспользоваться 2-ым методом или 3-им методом для наполнения товарами.

Теперь необходимо прикрепить данную страницу в облако – ссылок, или тегов или меток.

Добавление в облако тегов

Заходим в модуль тегов

Рисунок 1.18 – Заходим в модуль тегов

Рисунок 1.18 – Заходим в модуль тегов

Нажимаем добавить элемент

Рисунок 1.19 – Нажимаем добавить элемент

Рисунок 1.19 – Нажимаем добавить элемент

Наполнение тега (метки или ссылки)

Рисунок 1.20 – Наполнение тега (метки или ссылки)

Рисунок 1.20 – Наполнение тега (метки или ссылки)

Из рисунка 20:

1) Название – то как нам надо чтобы было в навязни тега, может не равняться Н1
2) Ссылка на коллекцию, которую получили выше
3) Выбор по ID страницы, к которой необходимо прикрепить тег. В данном проекте можно добавить в шапку сайта или подвал.

Рисунок 1.21 – Жмем сохранить

Рисунок 1.21 – Жмем сохранить

Рисунок 1.23 – Тег появился на странице

Рисунок 1.23 – Тег появился на странице

Рисунок 1.23 – Вид коллекции через заполнение с помощью категории

Рисунок 1.23 – Вид коллекции через заполнение с помощью категории

Мы рассмотрели метода добавление через коллекции. Данная инструкция позволит написать ТЗ для разработчика, который может реализовать данный функционал

Оставить комментарий
Комментарии

Пусто

Артем Опарин

Обсудим ваш проект бесплатно

Сделайте заказ прямо сейчас, и уже сегодня мы приступим к работе!
Заполняя данную форму вы соглашаетесь на обработку персональных данных в соответствии с законом №152-ФЗ "О персональных данных"