Настройка панелей блоков

Материал из Insales Wiki
Перейти к: навигация, поиск

Общее описание страницы "Настройка панелей блоков"

На эту страницу можно попасть из раздела бэк-офиса "Сайт", выбрав подраздел "Блоки".

Blocks1b.png
Рис. 1. Настройка панелей блоков

Страница предназначена для:

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

Страница содержит две панели:

Блоки

Здесь (Рис. 1 поз. 2.) представлена таблица имеющихся блоков, в которой каждому блоку соответствует одна строка:

  • В первой колонке таблицы (Рис. 1. поз 9.) содержится название блока в виде ссылки, щёлкнув по которой, можно перейти к редактированию этого блока.
  • Во второй колонке таблицы (Рис. 1. поз 10.) показаны дата и время последнего обновления блока.
  • В конце каждой строки таблицы (Рис. 1. поз 11.) есть иконка Del ico.png для удаления соответствующего блока.

Справа от названия панели размещена ссылка "Создать блок" (Рис. 1. поз 12.), щелчок по которой открывает страницу "Создание блока".

Добавить блок в панель блоков можно в другой панели этой же страницы.

Создание блока

На этой странице в поле ввода задаётся название создаваемого блока, а содержание блока вводится в окне HTML-редактора. Возврат к предыдущей странице производится щелчком по кнопке "Сохранить" или ссылке "отменить". Название блока используется для показа его в таблицах блоков и панелей блоков.

Редактирование блока

Blocks2b.png
Рис. 2. Редактирование блока

На этой странице в полях ввода "Название" и "Идентификатор" выводится соответствующая информация, а в окне "Содержание" - доступное для редактирования содержание блока в окне HTML-редактора TinyMCE. Возврат к предыдущей странице производится щелчком по кнопке "Сохранить" или ссылке "отменить".

'Примечание:' содержание поля "Идентификатор" генерируется автоматически при создании блока. Оно служит для манипуляции блоком из операторов языка Liquid.

Панели блоков

На странице содержатся имеющиеся панели блоков (Рис. 1. поз. 1.). Каждая панель описывает панель блоков в дизайне магазина и представляет собой таблицу, в которой каждая строчка соответствует одному блоку в панели. В таблице два столбца:

  • в первом иконка Drag ico.png для перетаскивания строки на другую позицию в таблице с целью изменения порядка следования блоков в панели (Рис. 1 поз. 3.),
  • во втором - название блока (Рис. 1 поз. 4.), которое является ссылкой на страницу "Редактирование блока";
  • в конце каждой строки имеется иконка Del ico.png (Рис. 1 поз. 5.). Шёлкнув по иконке Del ico.png, Вы удалите блок из панели.

Над таблицей, возле её названия, имеется ссылка "Удалить" (Рис. 1 поз. 6.) - для удаления панели блоков, а под таблицей - ссылка "Добавить" (Рис. 1 поз. 7.) - для добавления блока в панель.

Добавление блока в панель

После щелчка по ссылке "Добавить" появляется блок "Добавление элемента" (см. Рис. 3.) и в нём - выпадающий список для выбора одного из имеющихся блоков, кнопка "Добавить" и ссылка "закрыть".

Blocks3b.png
Рис. 3. Добавление блока

Правее названия панели есть ссылка "Добавить панель блоков" - для создания новой панели блоков (Рис. 1 поз. 8.).

Добавление панели блоков

Страница "Добавление панели блоков" имеет поля ввода "Название панели блоков" и "Имя в шаблоне", которые необходимо заполнить. Для возврата к предыдущей странице служат кнопка "Сохранить" или ссылка "отменить".

Размещение панели блоков

Панели блоков не появляются автоматически на страницах магазина, их вывод нужно прописывать в шаблоне layout или другом шаблоне, в разделе "Сайт" в подразделе "Дизайн" бэк-офиса.