1. aspro.ru
  2. Аспро: Максимум
  3. Главная страница
  4. Блок «Истории» на главной

Блок «Истории» на главной


Истории — новый тренд сайтов. Суть историй на сайте такая же, как в Instagram*. Вы можете использовать их для чего угодно — рассказывать о новинках, показать новые поступления, давать полезные советы и многое другое. 

На главной странице отображаются кликабельные разделы блока «Истории».

Доступно 2 типа отображения разделов блока на главной.

1 тип — Прямоугольные истории. При наведении на раздел отображается его название.

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

2 тип — Круглые истории. Название расположено под разделом.

27e270ca-7b5f-11f1-8fe4-fa163e2ff576

При клике на раздел с историями открывается попап-окно.

091eda40-7b5e-11f1-8fe4-fa163e2ff576

Поведение при просмотре историй

  • При просмотре истории перелистываются автоматически. 
  • На каждую историю отводится 5 секунд. 
  • Если удерживать палец на истории, то она останавливается.

На десктопах при клике на правую область истории открывается следующий элемент этого же раздела.

9db7af5e-7b5e-11f1-8fe4-fa163e2ff576

При клике на левую область истории открывается предыдущий элемент этого же раздела.

81f520c5-7b5e-11f1-8fe4-fa163e2ff576

При клике на область кнопки открывается ссылка с кнопки.

632232df-7b5b-11f1-8fe4-fa163e2ff576

При клике на другой раздел откроются его истории.

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

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

Настройка отображения блока «Истории» 

Чтобы отобразить «Истории» на главной через публичную часть сайта, перейдите в виджет «Точные настройки».

4e2162f4-7b61-11f1-8fe4-fa163e2ff576

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

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

Чтобы отобразить блок через административную часть сайта, перейдите в Аспро (1) → Аспро: Max (2) → Настройки (3).

5d4a8a9f-7b61-11f1-8fe4-fa163e2ff576

Перейдите в блок «Главная», поставьте галку напротив пункта «Истории». 

08676a37-7b5e-11f1-8fe4-fa163e2ff576

Прокрутите бегунок до «Вид отображения историй». Выберите нужный вид и примените изменения.

132b7693-7b62-11f1-8fe4-fa163e2ff576

Instagram — продукт компании Meta, которая признана экстремистской организацией и деятельность которой запрещена в России.

Предыдущая статья Получение API token Instagram*
Следующая статья Редактирование разделов и элементов блока «Истории»