Настройка меню и страниц

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

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

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

MenuStr1b.png
Рис. 1. Настройка меню и страниц

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

  • Главная страница (Рис.1. поз.1.).
  • Страницы (Рис.1. поз.3.).
  • Меню (Рис.1. поз.2.).


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

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

Выбор главной страницы

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

Создание и настройка меню

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

  • в первом - иконка Drag ico.png для перетаскивания строки на другую позицию в таблице (Рис. 1. поз. 6.). Используется для изменения порядка следования пунктов в меню,
  • во втором - название пункта (элемента) меню (Рис. 1. поз. 7.),
  • в третьем - адрес назначения (URL) пункта меню в виде ссылки (Рис. 1. поз. 8.).

В конце каждой строки таблицы имеются иконки "редактировать" Rename .gif и "удалить" Del ico.png (Рис. 1. поз. 9.).

Щелчёк по иконке "Редактировать" открывает поле ввода для редактирования названия пункта (элемента) меню.

Над таблицей, возле её названия, имеется иконка "Удалить" (Рис. 1. поз. 5.) - для удаления меню, а под таблицей - ссылка "Добавить" (Рис. 1. поз. 10.) - для добавления пункта меню. Справа от названия панели есть ссылка "Добавить меню" (Рис. 1. поз. 4.) - для создания нового меню.

Добавление пункта меню

После щелчка по ссылке "Добавить" (Рис. 1. поз. 10.) появляется блок "Добавление элемента". В нем находятся:

  • поле ввода "Заголовок" - для названия пункта меню,
  • выпадающий список "Куда ссылаться" - для выбора одного из имеющихся (под)каталогов витрины или любой из имеющихся страниц магазина. Если выбирается строка "произвольный адрес" - появится поле ввода "URL" для ввода адреса,
  • кнопка "Добавить" или ссылка "закрыть" закрывают блок "Добавление элемента".

Создание нового меню

После щелчка по ссылке "Добавить меню" (Рис. 1. поз. 4.) Вы попадаете на страницу "Добавление меню", где нужно ввести в поля ввода название меню и имя в шаблоне и щёлкнуть по кнопке "Сохранить".

Для того чтобы новое меню появилось на сайте, его надо добавить в соответствующий шаблон (в шаблон HTML - для всех страниц сайта) в разделе Сайт -> Редактор тем.

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

На панели "Страницы" (Рис. 1. поз. 3.) представлена таблица имеющихся страниц, в которой каждой странице соответствует одна строка:

  • В первой колонке таблицы содержится название страницы в виде ссылки (Рис. 1. поз. 11.), щёлкнув по которой, Вы автоматически попадаете на страницу "Редактирование страницы".
  • Во второй колонке таблицы имеется адрес (пермалинк) страницы (Рис. 1. поз. 12.), который является ссылкой на страницу сайта для её просмотра.
  • В третьей колонке таблицы показаны дата и время последнего обновления страницы (Рис. 1. поз. 13.).
  • В конце каждой строки таблицы есть иконка (x) для удаления соответствующей страницы (Рис. 1. поз. 14.).

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

Щелчок по ссылке "Создать страницу" справа от названия панели (Рис. 1. поз. 15.), вызывает переход на "Создание страницы", где в поле ввода нужно задать название страницы и сформировать её содержание в окне HTML-редактора TinyMCE.

Описание редактора находится на соответствующей странице документации.

Созданные страницы доступны на сайте магазина. Для наблюдения этой страницы на сайте магазина, нужно щелкнуть на адрес (пермалинк) страницы (Рис. 1. поз. 12.).

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

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

MenuStr2b.png
Рис. 2. Редактирование страницы

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

Атрибуты страницы:

  • Название - название страницы.
  • Адрес - пермалинк (перед ним - префикс - часть пути от адреса сайта магазина, в данном случае /page/).
  • Заголовок - title страницы. Если не задан, то выводится название.
  • Мета-тег keywords - значение тега meta keywords на странице.
  • Мета-тег description - эначение тега meta description на странице.

Окно редактора TinyMCE
Ознакомиться с описанием редактора можно на соответствующей странице документации.