CMS: добавление ссылки на динамическую страницу

5 мин. чтения
При создании динамической страницы вы создаете один макет страницы, который можно использовать несколько раз для отображения различных элементов коллекции.
Единственный способ для посетителей получить доступ к динамическим страницам вашего сайта - это нажать на элемент, такой как кнопка, текстовое поле или пункт меню, который перенаправляет их на динамическую страницу. Отображаемый контент основан на URL-адресе страницы.
Новый интерфейс с наборами данных:
В Wix Studio мы переместили наборы данных в панель инспектора справа, чтобы вам было проще ими пользоваться. Подробнее о новых наборах данных в Wix Studio
Содержание:

Ссылка на динамическую страницу элемента из текстового поля

Когда вы создаете статическую ссылку на динамическую страницу элемента, вы создаете ссылку, которая всегда перенаправляет на страницу этого конкретного элемента.

Чтобы добавить ссылку из текстового поля:

  1. Нажмите на текстовое поле в редакторе. 
  2. Нажмите Редактировать текст.
  3. Нажмите на значок ссылки .
  4. Выберите На страницу.
  5. Выберите динамическую страницу, на которую вы хотите создать ссылку, в разделе Выберите страницу.
  6. Выберите элемент коллекции в разделе Какой элемент?.
  7. Выберите, как открывается страница динамического элемента: в новом окне или в текущем окне.
  8. Нажмите Готово.
Снимок экрана с панелями «Настройка текста» и «Куда добавить ссылку». Динамическая страница выбирается из выпадающего списка.

Ссылка на динамическую страницу элемента из пункта меню:

Используйте панель «Управление меню», чтобы добавить в меню пункт, который ведет на динамическую страницу определенного элемента в коллекции.

Чтобы добавить ссылку из пункта меню:

  1. Нажмите на меню в редакторе.
  2. Нажмите Управлять меню.
  3. Нажмите + Добавить пункт.
  4. Нажмите Динамические страницы.
  5. Выберите динамическую страницу, на которую вы хотите создать ссылку, в разделе Выберите страницу.
  6. Выберите элемент коллекции в разделе Какой элемент?.
  7. Выберите, как открывается страница динамического элемента: в новом окне или в текущем окне.
  8. Нажмите Готово.
Снимок экрана: меню управления и куда добавить ссылку? панели. Динамическая страница и элемент выбираются из выпадающих списков.

Ссылка на якорь на динамической странице

Добавьте ссылку непосредственно на якорь на динамической странице, чтобы направлять посетителей к определенной точке вашего сайта. В приведенном ниже примере ссылка находится в главном меню и ведет на якорь Full of Falafel на динамической странице списка продуктов.

Чтобы добавить ссылку на якорь:

  1. Нажмите на меню в редакторе.
  2. Нажмите Управлять меню.
  3. Нажмите + Добавить пункт.
  4. Нажмите Якорь.
  5. Выберите нужную динамическую страницу в раскрывающемся списке Какая страница?
  6. Выберите элемент в разделе Какой элемент?
  7. Выберите якорь в раскрывающемся меню в разделе Какой якорь на этой странице?.
  8. Нажмите Сохранить
  9. Введите название пункта меню.
  10. Нажмите Готово.
Снимок экрана: на что вы хотите перейти? панель с якорем выбранной страницы

Ссылки на динамические страницы элементов из множественных элементов

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

Чтобы создать ссылку из множественного элемента репитера:

  1. Нажмите на элемент репитера на странице.
  2. Нажмите значок Подключить к данным .
  3. Нажмите на раскрывающийся список Подключить набор данных и выберите необходимый набор данных.
  4. Нажмите Изображение в разделе Компоненты.
  5. Нажмите Подключить изображение к и выберите необходимое поле.
Скриншот панели «Подключить репитер» с выделенным выпадающим списком «Источник изображения подключен к».
  1. Нажмите на раскрывающийся список Подключить к.
  2. Выберите нужную страницу в разделе Динамические страницы.
Скриншот панели «Подключить репитер» с выделением динамических страниц в раскрывающемся списке «Ссылка для подключения».

Ссылка на «следующую» или «предыдущую» динамическую страницу

Позвольте посетителям перемещаться между динамическими страницами. Добавьте на страницу 2 кнопки и свяжите их с параметрами «Следующая динамическая страница» и «Предыдущая динамическая страница» в панели «Подключить к данным».
На динамической странице элемента кнопки навигации отображают следующую или предыдущую страницу элемента в коллекции. На динамической странице списка кнопки отображают следующую или предыдущую страницу категории в коллекции.
Например, на сайте с едой вы можете настроить динамическую страницу списка с повторяющимся списком для отображения продуктов определенных типов. На каждой динамической странице будут представлены блюда из каждой категории, например «Завтрак», «Десерт» или «Здоровое питание».
Добавление кнопок для перехода на «Следующая динамическая страница» и «Предыдущая динамическая страница» позволяет посетителю сайта перемещаться между динамическими страницами, отображающими товары из каждой категории.

Чтобы настроить кнопки навигации:

  1. Нажмите кнопку на динамической странице элемента.
  2. Нажмите Изменить текст и значок.
Снимок экрана редактора, показывающий репитер, панель кнопки подключения и раскрывающийся список «При клике»
Совет:
Динамические страницы отображаются в алфавитном порядке по URL-адресу. Обратите внимание: цифры идут перед буквами, а заглавные - перед строчными. Другими словами, «Ziti» предшествует «apple pie».

Была ли статья полезна?

|