1. aspro.ru
  2. Аспро: Корпоративный сайт 2.0
  3. Основные разделы
  4. Проекты
  5. Настройка и редактирование элементов детальной страницы (карточки проекта)

Настройка и редактирование элементов детальной страницы (карточки проекта)


Карточками проектов можно управлять из публичной части сайта. Откройте раздел «Проекты» (или его подраздел) и перейдите в режим правки.

80c3f97b-7b64-11f1-8fe4-fa163e2ff576

Чтобы создать новый проект, наведите указатель на содержимое страницы и на длинном меню нажмите кнопку «Добавить проект» (3). Для изменения (1) или удаления (2) существующего проекта наведите указатель на его анонс и выберите соответствующий пункт.

1652acb8-7b5f-11f1-8fe4-fa163e2ff576

Те же элементы управления (для создания нового (1), изменения (2) или удаления (3) проекта) доступны на странице с описанием проекта.

2bf27816-7b61-11f1-8fe4-fa163e2ff576

Для управления карточками проектов из админки перейдите в Рабочий стол → Контент → Контент (aspro.allcorp2) → Проекты и откройте подраздел, в котором находится или должен находиться редактируемый проект. Например, чтобы изменить карточку «Видеонаблюдение для бизнес-центра «Калейдоскоп» в демо-данных решения, необходимо открыть подраздел «Охранные системы». Чтобы добавить новый проект используйте одноименную кнопку (1), для изменения (2), удаления (4) или отключения отображения существующего проекта на сайте (3) – меню кнопки «Гамбургер».

c7e42bc7-7b61-11f1-8fe4-fa163e2ff576

Рассмотрим по вкладкам, какие элементы можно использовать для оформления описания проекта.

Вкладка «Проект»

Для добавления нового проекта в портфолио обязательно дайте ему название (3).

8f4dee4d-7b5e-11f1-8fe4-fa163e2ff576

d81e8228-7b63-11f1-8fe4-fa163e2ff576

Здесь также вам будет предложено:
  • включить или отключить отображение проекта на сайте (1);
  • задать период, в который проект будет доступен посетителям для просмотра (2), или при использовании варианта внешнего вида «По годам» отнести его к соответствующей группе (для этого обязательно заполните поле «Начало активности», а поле с датой окончания можете оставить пустым);
baa9705a-7b64-11f1-8fe4-fa163e2ff576

  • определить, на каком месте в списке будет отображаться проект (4) – чем больше индекс сортировки, тем ниже в списке анонс проекта;
  • вывести проект на главную страницу в соответствующий блок (6);
a804b928-7b5d-11f1-8fe4-fa163e2ff576

  • описать поставленную перед вашей командой задачу (5) – отображается в «визитке» проекта;
  • подключить блоки обратной связи (7);

c14a0ddd-7b61-11f1-8fe4-fa163e2ff576

  • привязать к странице карточку клиента (8);
  • добавить к описанию сопроводительные документы (9).
a92e2cce-7b5b-11f1-8fe4-fa163e2ff576

Если вы хотите изменить текст возле кнопок обратной связи, в режиме правки вызовите всплывающее меню с элементами управления проектом и нажмите «Изменить область».

29beed1f-7b5c-11f1-8fe4-fa163e2ff576

Первая кнопка «Изменить область» (1) откроет визуальный редактор для текста под кнопками в визитке проекта, а вторая (2) – у плавающего блока «Задать вопрос».

a8ef08d2-7b5d-11f1-8fe4-fa163e2ff576

Вид визуального редактора:

65538700-7b60-11f1-8fe4-fa163e2ff576


Вкладка «Анонс»

На вкладке «Анонс» можно загрузить фото для анонса (1) и написать текст для краткого описания проекта (2).

22e6131a-7b5f-11f1-8fe4-fa163e2ff576


Описание для анонса используется:

  • на странице описания проекта (под изображением, оформляющим описание)

a6663ca1-7b64-11f1-8fe4-fa163e2ff576

  • на основной странице раздела «Проекты» (при представлении раздела в виде списка, подробнее о настройках внешнего вида раздела в уроке про виджет настроек);

d22a41cf-7b5d-11f1-8fe4-fa163e2ff576

  •  на баннере.

8ad8b4cf-7b5f-11f1-8fe4-fa163e2ff576


Вкладка «Подробно»

Загрузить основное изображение (1) для страницы можно на вкладке «Подробно». Здесь же находится удобный редактор, который позволит вам добавить и отформатировать описание (2).

fb72a87e-7b61-11f1-8fe4-fa163e2ff576


Вкладка «Связи»

На этой вкладке вы можете привязать к проекту:

ab794545-7b63-11f1-8fe4-fa163e2ff576
05dbc290-7b64-11f1-8fe4-fa163e2ff576
ddf060a7-7b5d-11f1-8fe4-fa163e2ff576


  • Отзывы клиентов (1);

a62f97af-7b5d-11f1-8fe4-fa163e2ff576

  • Похожие проекты (2);

cc49976b-7b63-11f1-8fe4-fa163e2ff576

  • Услуги (3);

6cab2837-7b62-11f1-8fe4-fa163e2ff576

  • Товары (4);

3f002f46-7b61-11f1-8fe4-fa163e2ff576

  • Тизеры (5);

de88fdfc-7b60-11f1-8fe4-fa163e2ff576

  • Акции (6);

5abf9b9a-7b5c-11f1-8fe4-fa163e2ff576

  • Новости (7);

1ac895f8-7b60-11f1-8fe4-fa163e2ff576

  • Сотрудников (8);
02c5ed27-7b5d-11f1-8fe4-fa163e2ff576

  • Часто задаваемые вопросы с ответами в виде разворачивающегося списка (9).
f7071cce-7b5f-11f1-8fe4-fa163e2ff576

Вкладка «Галерея»

Эта вкладка поможет вам наполнить изображениями страницу проекта.

4dcb345e-7b5f-11f1-8fe4-fa163e2ff576


Область загрузки «Галерея» (1) добавляет изображения в визитку проекта. Переключиться с основной картинки на дополнительную можно с помощью горизонтальных стрелок (3). Также у галереи есть элемент управления (диагональные стрелки), позволяющий увеличить изображение (4).


7ce5ad5c-7b5c-11f1-8fe4-fa163e2ff576


Наряду с основной галереей вы можете использовать большую галерею (2). В описании проекта она идет отдельным блоком. У нее также есть элементы для просмотра изображения в увеличенном размере (4) и переключения между ними (3). Но кроме этого, большая галерея предоставляет пользователям дополнительный элемент навигации – миниатюры изображений (5).

f435aa0a-7b5c-11f1-8fe4-fa163e2ff576



Вкладка «Баннер»

Баннер на детальной странице проекта состоит из фоновой и детальной картинок.

e565be61-7b5d-11f1-8fe4-fa163e2ff576

В редактировании проекта добавить изображения можно на вкладке «Баннер».

7b80cc78-7b5d-11f1-8fe4-fa163e2ff576

Тут вы можете:

  • включить/отключить отображение баннера (1);
  • загрузить для него фоновое изображение (3);
  • сделать баннер составным, загрузив активную картинку (2);
  • настроить цвет для текста, выводимого на баннере, указав его hex-код (4).

Вкладка «Характеристики»

Характеристики проекта хранятся на одноименной вкладке.

85054f89-7b5e-11f1-8fe4-fa163e2ff576


Они выводятся:

  • в визитке проекта;

e81e94da-7b5d-11f1-8fe4-fa163e2ff576

  • отдельным блоком – более подробным.

4eefd030-7b5f-11f1-8fe4-fa163e2ff576

Набор характеристик задается пользователями. О том, как их настраивать, читайте в следующем уроке.

Вкладка «Разделы»

На этой вкладке вы можете перенести созданную услугу в другой раздел (категорию услуг).

311ff10c-7b64-11f1-8fe4-fa163e2ff576

Предыдущая статья Настройка и редактирование списка проектов (разделов)
Следующая статья Настройка пользовательских характеристик