Этот сайт содержит большие скриншоты и встроенные примеры сложных компоновок блоков, поэтому он оптимизирован для достаточно широких экранов. Хотя бы от 1280 пикселей.

Интерфейс

У Неткэта очень мощный и функциональный административный раздел, в котором можно управлять:

  • структурой сайта и его контентов
  • пользователями и их правами
  • бизнес-логикой интернет-магазина настройками модулей: личного кабинета, поиска и другими

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

Управление структурой сайта

Если вы создаете сайт “с нуля”, на нем будут только несколько стандартных страниц:

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

Чтобы добавить разделы, зайдите в административный раздел сайта, который располагается по адресу ДОМЕН.ru/netcat/admin/ (его также называют админкой) и нажмите иконку добавления раздела напротив названия сайта и введите название страницы (раздела).

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

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

Вы можете перейти на сайт (на главную страницу или в любой из разделов) из административной панели, нажав на одноименную ссылку на странице сайта/раздела.

Управление блоками

Теперь переключитесь в режим конструктора (на момент написания этой статьи у нас еще не разделены режими конструктора и редактирования).

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

Итак, перед вами окно добавления блока.

После того, как вы выберете тип блока, вам нужно добавить в него контент (но это не точно - в некоторые блоки контент добавить нельзя, об этом ниже). Для добавления контента в панели управления блоком предусмотрена специальная кнопка.
А при нажатии на три палки вы увидите список дополнительных действий с блоком.
Обратите внимание, что панель не всегда выглядит так. Если блок небольшой, панелька схлопывается до одной иконки.
Обратите внимание, что у обычных блоков панель располагается справа от него, а у контейнеров - слева.
А если в контейнер вложен в еще один контейнер (такое бывает и это нормально), то панель управления внешним контейнером расположена первой, а внутренним - справа от нее.
Меню операций с блоком описывать смысла нет, пункты говорят сами за себя, разве что по пунктам “Копировать” и “Вырезать” стоит сделать пояснение. Как только вы нажмете один из этих пунктов, рядом с каждым плюсом на странице появится иконка “положить сюда”.

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

Иногда высота или ширина блока, рядом с которым надо вставить вырезанный/скопированный блок, слишком мала, чтобы туда поместились обе иконки - плюс (добавление) и стрелка (вставка). Например, на первом слайде (ниже)мы не можем вставить скопированный блок после меню, потому что его высота слишком мала и иконка "положить сюда" не видна. В этом случае на время увеличьте высоту или ширину блока, вставьте блок и снова ее уменьшите.

Шаблоны блока

У некоторых типов блока (например, Изображения и Корпоративные контакты) есть несколько шаблонов отображения. В таком случае вы увидите пункт “Шаблоны” в панели управления блоком и сможете их менять.

Также у каждого блока есть настройки оформления: фон, отступы, настройки стилей и пр. Подробнее об этом речь пойдет отдельно.

Альтернативный интерфейс управления блоками

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

А те блоки, что располагаются в основной контентной области, управляются в интерфейсе того раздела, к которому они относятся:

Управление контентом

У панели управления блоком есть пункт “Добавить объект” (“Добавить новость”, “Добавить факт” и пр.).

Но не всегда - у некоторых типов блоков такого пункта нет. Так бывает в одном из случаев:

  1. В блоке может быть только один объект (например, в шаблоне “Одно изображение” блока “Изображения”).
  2. Это блок-сниппет, куда нет логически обоснованного смысла что-то добавлять (форма поиска, иконка авторизации, логотип) - все, что можно настроить в данном блоке, настраивается в “Настройках” (извините за тавтологию).

Если это не тот случай, нажмите на “Добавить…”, и вы увидите форму добавления. Состав полей зависит от типа блока: для картинки это будет файл и подпись, для товаров - длинная простыня полей. Обязательные для заполнения поля традиционно помечены звездочкой.

Отредактировать уже добавленный контент можно двумя способами:

  1. Нажав на нужную вам надпись или картинку, отредактировав контент и нажав вовне редактируемого блока.
  2. Наведя мышку на объект, увидев панельку управления объектом и нажав на карандаш.
Если объект маленький, то панелька схлопнется до одной иконки. Увидеть все пункты можно, нажав на нее.

Если в панельке есть иконки-стрелочки, этот объект можно перетащить в пределах блока, изменив таким образом последовательность объектов. Иногда такой иконки нет, например, в “Новостях”, которые должны выводиться в порядке убывания даты.

Иконка “Карандаш” (изменить) откроет форму редактирования объекта.

Обратите внимание, что для вашего удобства при наведении на плюс Неткэт подсветит область, куда будет вставлен блок при нажатии на плюс. А при наведении на панель управления блоком/объектом - этот блок/объект.

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