Додавання згортальної панелі.

Вивчення DXPR BuilderСтворення сторінокДодавання вмістуМакет

Використовуйте згортальну панель, відому також як акордеон, коли хочете список заголовків, які відвідувачі відкривають по одному. Вона пасує для частих запитань, списків функцій і довгого вмісту, який краще читається частинами. У результаті ви маєте стос запитань, відповіді на які відкриваються після натискання. Приклад створює три запитання для сторінки частих запитань агенції.

Згортальна панель із трьома запитаннями агенції з частих запитань, із відповіддю на Can we update pages ourselves?, відкритою під ним

Додавання згортальної панелі

  1. Натисніть + на розділі й виберіть Collapse panel на вкладці Layout. Спочатку вона має один перемикач.
  2. Відкрийте налаштування панелі із її меню More. За допомогою Collapse виберіть, чи починається кожен перемикач закритим. Тут увімкнено. Виберіть Expand icon і натисніть Save.
  3. Наведіть курсор на перемикач, відкрийте його меню More і виберіть Settings. Введіть запитання як Toggle title і натисніть Save.
  4. Натисніть запитання, щоб відкрити перемикач. Натисніть + усередині нього, виберіть Text і введіть відповідь.
  5. Натисніть Add toggle на панелі керування панелі для наступного запитання. Нові перемикачі стають угорі, тож додавайте останнє запитання першим.
  6. Натисніть Save на панелі інструментів. У попередньому перегляді натисніть запитання, щоб перевірити, що його відповідь відкривається.

Що ви бачите

Кожне запитання це заголовок із вибраною піктограмою розгортання. Натискання відкриває його відповідь під ним, а відкрита відповідь закривається. З вимкненим Collapse перша відповідь відкрита, коли сторінка завантажується. Відповіді лишаються в HTML сторінки, коли закриті, тож пошукові системи досі можуть їх читати.

Налаштування згортальної панелі

Елемент Collapse panel має два налаштування в розділі More > Settings на його панелі керування.

Налаштування Що робить Стандартно
Collapse On: кожен перемикач починається закритим. Off: перший перемикач починається відкритим Off
Expand icon Піктограма поруч із кожним заголовком: None, + (плюс і мінус) або ﹀ (стрілка) None

Кожен перемикач має одне налаштування, Toggle title: запитання або заголовок, який натискають відвідувачі.

Керування перемикачами

  • Reorder: перетягніть перемикач за Toggle на його панелі керування й опустіть над іншим або під ним.
  • Rename: наведіть курсор на перемикач, відкрийте More > Settings, змініть Toggle title і натисніть Save.
  • Remove: наведіть курсор на перемикач, відкрийте More і виберіть Delete. Відповідь усередині видаляється разом із ним.

Перемикач містить будь-які елементи: текст, зображення, кнопки або рядок зі стовпцями. Робіть кожну відповідь короткою. Якщо відповідь потребує власної сторінки, натомість дайте посилання на цю сторінку.

Якщо елемент не відображається

  • Нове запитання з’являється угорі. Add toggle завжди вставляє перемикач угорі панелі. Перетягніть перемикач за Toggle на його панелі керування туди, куди хочете.
  • Налаштування показують лише Toggle title. Ви відкрили налаштування одного перемикача. Наведіть курсор на верхній край панелі, щоб показалася панель керування Collapse panel, потім відкрийте там More > Settings.
  • Перша відповідь відкрита, коли сторінка завантажується. Collapse вимкнено. Увімкніть його в налаштуваннях Collapse panel, щоб кожна відповідь починалася закритою.
  • Collapse panel немає на вкладці Layout вибору. Ваш профіль користувача DXPR Builder його не включає. Адміністратор позначає Accordion у розділі Elements вашого профілю за адресою /admin/dxpr_studio/dxpr_builder/profile.

Що далі?