Динамические страницы wix code как создать

Динамические страницы wix code как создать

WixCode — революционное нововведение в конструкторе Wix

Самостоятельное создание сайтов позволяет не только хорошо сэкономить, но и проявить творческие способности, а также не объяснять на пальцах идею третьим лицам, а своими руками эту самую идею реализовать. Одну из лидирующих позиций среди конструкторов сайтов занимает Wix. Но до недавнего времени, несмотря на довольно широкий функционал, для воплощения в реальность всех своих задумок ресурсу Wix не хватало чисто технических возможностей. Теперь все изменилось. Разработана новая функция, которая позволяет вносить изменения в HTML код, а это снимет практически все ограничения для создания самых невероятных сайтов.

Возможности Wix

Использование конструктора Wix — это простор для творчества. Разработчики предлагают сотни готовых шаблонов, которые прекрасно будут смотреться и без каких-то дополнительных действий. То есть свой сайт за 15 минут это не пустые слова, а реальность. Но эти же шаблоны можно менять до неузнаваемости пользуясь очень простыми интуитивно понятными инструментами. Компания продолжает улучшать функционал своего ресурса. Кроме ежемесячного появления новых шаблонов, постоянно разрабатываются и функции, которые позволяют создавать сайты, отвечающие современным требованиям. Так, например, весной этого года появились обновления, связанные с отображением страниц вебсайта на мобильных устройствах. Учитывая, что сейчас большинство людей заходят в интернет именно со смартфонов, данное новшество действительно актуально. Заметным нововведением ресурса стал WixBlog. Готовые формы позволяют создать блог, который привлечет посетителей, разделяющих интересы создателя сайта. Посетители могут создавать собственные профили, а в комментариях кроме текста, размещать видео и картинки. Кроме того, они могут делиться постами, подписываться на обновления и пользоваться другими привычными для блога функциями. Но, тем не менее, даже такое обилие возможностей не позволяло реализовать некоторые творческие задумки и создать какие-то полезные фишки для своего сайта. Внедрение новой функции — права самостоятельно прописывать код — сняло почти все ограничения на пути от идеи до сайта. Раньше продвинутые пользователи иногда пользовались самостоятельно разработанным кодом или скриптами со сторонних ресурсов, но они не всегда были совместимы с Wix, да и их добавление было непростой задачей. Часто создатели сайта тратили больше времени на то, чтобы код заработал, чем на то, чтобы написать код. Сейчас разработчики обещают, что с WixCode может справиться и новичок. В этом Wix остается верен себе, считая, что сайт должен создаваться легко и быстро. Тех, кого пугает даже фраза HTML программирование, новая функция не затронет. Они смогут пользоваться прежним набором инструментов, а WixCode просто не включать.

Что позволяет сделать WixCode

Как обещает Wix, использовать код очень просто, и для некоторых задач не требуется даже дополнительных знаний. Так, например, одна из возможностей, открывающихся для пользователей — создание баз данных. Обещают, что это сделать не сложнее, чем заполнить таблицу в Excel. Зато результат впечатляет! Такие базы данных могут очень успешно применяться для сайтов, где собрана похожая, но объемная информация. Например, для турагентства с большим количеством туров очень удобно будет использовать код для написания базы данных, в которой будут собраны описания всех туров. После создания таблицы, останется создать шаблон страницы, где будет размещаться информация из базы. Посетители сайта будут выбирать тур из списка и попадать на страницу с его описанием. И несмотря на то, что видеть они будут разную информацию, это будет одна и та же страница. Другая возможность, которая появилась с введением новой функции — это создание форм для сбора информации. Это могут быть анкеты пользователей, опросы, гостевые книги, отзывы Раньше пользователи Wix, желающие разместить у себя на сайте гостевую книгу, например, были обречены решать вопрос либо ссылками на сторонние ресурсы, либо написанием своего кода и попыткой включить его на свой сайт, что, как уже упоминалось выше, далеко не всегда приводило к успеху. Можно теперь создавать и динамические страницы — все или несколько страниц, к которым применяется один шаблон. Такие страницы сайта остаются независимыми друг от друга, у них отдельные адреса и разные настройки для поисковых систем, но внешний вид у них будет похожим. Еще один результат, который доступен благодаря WixCode, — это интерактивные эффекты на страницах сайта. Сокрытие элементов управления или, наоборот, появление информации при наведении указателя мышки на определенное место на странице — теперь это реально. Интересно оформленный сайт дольше удерживает посетителей, а это самым непосредственным образом влияет на потенциальный доход. И, наконец, помогают справиться с созданием отдельных элементов уже созданные WixAPI. Используя готовые коды можно без глубоких знаний в области программирования сильно расширить функционал готового сайта.

Как использовать WixCode

При использовании WixCode появится дополнительная боковая панель, где будут видны все файлы, страницы и базы данных. Причем динамические страницы соберутся в подгруппы. А обычные страницы можно будет преобразовать в динамические прямо из настроек на боковой панели. Кроме того, в нижней части редактора появится панель кодов с дополнительным набором инструментов, а также двумя вкладками для кодов. В настоящее время воспользоваться нововведением можно только в режиме beta версии сайта. Но уже очень скоро функция станет доступна для всех пользователей. А пока в ожидании релиза можно подумать над тем, как преобразить существующий сайт или создать новый с использованием открывающихся возможностей. Но прежде стоит отмести все предрассудки о том, что конструкторы сайтов ограничивают возможности пользователей. Теперь ограничивать может лишь собственная фантазия. А с помощью WixCode улучшится как функциональность сайтов, так и их внешняя привлекательность. Это означает увеличение посещаемости интернет-ресурса, а значит повышение доходов. Итак, ждем официального запуска нововведения Wix.

Смотрите также

Что такое «маркетплейс» от разработки до монетизации

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

Сколько зарабатывает веб-разработчик: средний заработок в России и в других странах

Web-developer — перспективная и востребованная IT-специальность. Разработчики занимаются созданием, тестированием и техническим обслуживанием веб-продуктов: сайтов, онлайн-приложений, CRM-систем, баз данных. Для работы в этой сфере не требуется высшее техническое образование, однако необходим набор специфических знаний и профессиональных .

CMS: О динамических страницах

Динамическая страница — это страница, которая может изменять свое содержимое, сохраняя при этом тот же дизайн и макет. В Wix любая динамическая страница, которую вы добавляете, подключается к коллекции на вашей CMS. Таким образом, вы можете автоматически заполнить все нужные страницы, просто добавив контент в коллекцию.

Совет

Сайты Wix имеют ограничение в 100 статических страниц. Таким образом, динамические страницы — это удобное решение проблемы. Узнайте, как динамические страницы могут помочь вам создать сайт с неограниченным объемом контента.

Добавление динамических страниц

Когда вы добавляете на сайт CMS, у вас есть возможность начать с пресета. Пресет содержит коллекцию и 2 динамические страницы, связанные с коллекцией:

• Динамическая страница списка:на этой странице перечислены все элементы и функции в виде меню, с помощью которого посетители могут перейти на любую страницу элемента. Эта страница отображается во вкладке Страницы как «Название_коллекции» (All).
• Динамическая страница элемента: это страница, на которой непосредственно отображается ваш контент. Контент, который отображается на каждой странице элемента, соответствует элементу (или одной строке) в вашей коллекции. Эта страница отображается во вкладке Страницы как «Название_коллекции» (Title).

Примечание

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

Редактор Wix | Посмотреть скриншот
Editor X | Посмотреть скриншот

Настройка динамических страниц

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

Страницы элементов

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

Узнайте больше о настройке динамических страниц элемента.

Динамические страницы-списки

Потому как страница списка — это нечто вроде каталога всех страниц элементов, добавьте на эту страницу множественный элемент, например, повторяющийся список (репитер), таблицу или галерею. По умолчанию на этих страницах есть повторяющийся список, который представляет собой простой и понятный инструмент для отображения краткого фрагмента информации, содержащейся на страницах конкретных элементов.

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

Дополнительные сведения

• Поскольку динамические страницы отображают динамический контент, вы не можете ссылаться на них так же, как на обычные страницы. Подробнее
• Вы можете управлять тем, как элементы на странице взаимодействуют с коллекцией, изменяя настройки набора данных динамической страницы. Подробнее
• Поскольку эти страницы являются динамическими, вы можете установить для них динамические настройки SEO, чтобы они отражали то, что отображается на каждой странице. Подробнее

Примечание

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

Wix Code — новые возможности сервиса: БД, динамические страницы и Javascript

Один из самых крупных конструкторов сайтов Wix готовится запустить поистине уникальную для рынка функциональность — модуль Wix Code. Он позволит получить еще больше возможностей по редактированию веб-страниц и отображению информации на них. С его помощью создание сайтов онлайн приблизится к традиционным CMS и даст разработчику дополнительную свободу действий.

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

Основные фишки Wix Code

На текущий момент известно о 5-ти анонсированных функциях, которые появятся сразу после релиза:

• Коллекции данных — наборы структурированной информации на сайте, по сути, это аналог БД, только в рамках небольшой таблицы. Можете создавать списки объектов недвижимости, учеников, курортов, книг и любые другие.
• Динамические страницы — тоже фишка из CMS, что позволяет в рамках одного дизайна выводить разный контент. Страницы генерируются автоматически, а инфа подставляется из базы.
• Пользовательские формы — подойдут для сбора информации, которая потом сохраняется в БД, например: опросы, отзывы, заявки и т.д.

Отличительной особенностью данных трех пунктов есть то, что при работе с ними не нужны никакие навыки программирования. Более того, вы будете использовать все стандартные опции Wix с перетаскиванием / настройкой элементов, поэтому опыт HTML и CSS верстки также не обязателен!

Дополнительно в Wix Code имеется 2 новинки продвинутым разработчикам:

• Интерактивные эффекты — можете добавлять разные действия для тех или иных объектов на странице: плавное выезжание текста, скрытие / изменение состояния элементов и т.п.
• APIs — расширяйте функциональность с помощью Javascript и внутренних API.

Преимущества Wix Code

Подобный модуль — это уже совершенно другой уровень в конструкторах сайтов! Еще лет 5 назад в некоторых из них прорывом считалась вставка стороннего HTML кода, а тут Javascript, динамические данные и т.п.

Какие же плюсы имеет Wix Code:

• Так как вы работаете в рамках конструктора, то вам не нужно беспокоиться о настройках сервера и соответствующей среды разработки для своих веб-приложений.
• То же касается и хостинговых мощностей — не придется переживать за нагрузку, регулярные обновления, безопасность, ваш сайт находится в облаке (чего не скажешь про обычные CMS).
• Совмещая фронтэндовые возможности редактора Wix и бэкендовые функции Wix Code, сможете использовать все преимущества веб-интерфейса и более продвинутое наполнение из баз данных. Все также без HTML и CSS.
• Поддержка адаптивности и SEO опций.
• Тем, кто уже имел дело с Wix ранее, новые фишки не покажутся какими-то экстраординарными. Думаю, просмотра видеоуроков и документации хватит для создания первых наработок.

• Вам не обязательно применять Wix Code в своем проекте, модуль — лишь дополнительная возможность расширения базовых границ платформы.
• Продвинутым же разработчикам все это, безусловно, дает определенную свободу действий — за счет Javascript и API можно создавать уникальные веб-приложения с бронированиями, записью на курсы, заказами товаров и т.п. Причем без необходимости искать и внедрять существующие сторонние решения.

В общем, Wix Code — очень крутая штука и действительно похожа на «прорыв» в сфере конструкторов сайтов. Более того, уже анонсированы будущие интересные фишки: логическая связь между несколькими коллекциями данных и отображение их контента на одной странице, повторяющиеся макеты «списков» одинаковых элементов, импорт/экспорт, дополнительные пользовательские поля и еще меньше коддинга.

Как начать работать с Wix Code

Сейчас, насколько я понимаю, происходит бета тестирование перед финальным релизом. На странице, посвященной модулю, есть кнопка «Apply for Beta», где нужно заполнить специальную форму. Если вы программист, вебмастер или дизайнер и вам близка данная тема, можете принять участие в бете.

На этом же ресурсе найдете много другой информации по Wix Code. По каждой функции (Features) представлено краткое описание, полезные ссылки и все необходимое для изучения матчасти.

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

Другие новинки Wix

Пока работа над Wix Code кипит вовсю можно заценить другие фишки конструктора, которые были недавно внедрены. Из десятка функций я бы выделил следующие три.

Оптимальный вид страницы

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

Если результат вам совсем не понравился, в верхней панели есть кнопка отмены последних действий. Если же вы недовольны лишь некоторыми элементами, можете их перегруппировать и подправить. Кстати, для мобильников также была добавлена интересная 3D-прокрутка (называется Freeze Scroll).

История изменений

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

В целом, идея интересная, она позволит не переживать за последствия при редактировании веб-страницы. Более того, теоретически, с помощью версий вы, например, можете создать вариант для тестирования конверсии нового дизайна или внести «временные» правки (на период праздников) в основной шаблон.

Wix чат

В конструкторе и раньше существовали приложения с онлайн-консультантами (чат с клиентом), однако у многих из них функционал был платным. Теперь у вас появится альтернатива в виде Wix Chat.

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

Итого. За несколько месяцев с момента прошлого обзора многие модули получили разного рода улучшения: Wix Blog, Bookings, Погода, Evenbrite и др. Но основная «новость дня» — это, конечно, анонс и бета тестирование инструмента для разработчиков Wix Code. Данная опция не только потеснит конкурентов, но и окажет влияние на рынок создания сайтов на CMS. Будет интересно.

CMS: Настройка динамических страниц

Когда вы создаете коллекцию, вы можете создать для нее динамические страницы. Если вы выбрали эту опцию (она включена по умолчанию), вы автоматически получите две динамические страницы — динамическую страницу элемента («Название_коллекции» Title) и динамическую страницу категории («Название_коллекции» All). Эти страницы содержат элементы по умолчанию, уже подключенные к коллекции, но вы можете редактировать страницу любым удобным для вас способом.

Примечание

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

1. Перейдите на CMS в редакторе:
   • Редактор Wix: нажмите на значок CMS слева от редактора.
   • Editor X: выберите CMS в верхней части Editor X.
2. Наведите курсор на нужную коллекцию и нажмите значок Другие действия.
3. Нажмите Добавить динамическую страницу.

Шаг 1 | Проверьте элементы по умолчанию

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

Чтобы изменить подключение элемента:

1. Перейдите на необходимую динамическую страницу в редакторе.

В редакторе Wix >

1. Нажмите на Страницы в левой части редактора.

1. Нажмите на Страницы в верхней панели.
2. Нажмите на нужную динамическую страницу в разделе «Collection_Name» Pages (Dynamic).

2. Нажмите на элемент в редакторе.

3. Нажмите на значок Подключить к данным  (или в Editor X).

В разделе Параметры подключения выберите поле, к которому будет подключен элемент.

Убедившись, что все ваши элементы подключены к правильным полям в вашей коллекции, вы можете перемещать их. Просто нажмите и перетащите, чтобы создать нужный макет.

Шаг 2 | Добавьте дополнительные элементы

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

Чтобы добавить дополнительные элементы:

1. Перейдите к панели Добавить в редакторе.
   • Редактор Wix: нажмите Добавить в левой части редактора.
   • Editor X: нажмите Добавить элементы в верхней части Editor X.
2. Нажмите на элемент, который вы хотите добавить.
3. (Необязательно) Если вы хотите, чтобы этот элемент был динамическим, подключите его к соответствующему полю:
   1. Выберите элемент в редакторе, и нажмите значок Подключить к данным (или в Editor X).
   2. В разделе Параметры подключения выберите поле, к которому будет подключен элемент.

   CMS: Настройка динамической страницы элементов

   Динамическая страница элемента — это дизайн одной страницы, который вы можете использовать снова и снова для отображения элементов из своей коллекции. Вы можете редактировать эту страницу, добавляя дополнительные элементы или удаляя с нее существующие. У вас всегда есть полный контроль над тем, как элементы соединяются с контентом в коллекции. Используйте URL-адрес страницы, чтобы добавлять ссылки на нее с помощью элементов меню или кнопок. Чтобы контролировать, какой контент будет отображаться, настройте URL-адрес.

   Если у вас уже есть динамическая страница элемента, настройки которой вы хотите изменить, перейдите к шагу 2.

   • Обязательно добавьте на сайт CMS.
   • Также нужно добавить контент в коллекцию.

   (Необязательно) Шаг 1 | Добавьте динамическую страницу элемента

   Создайте новую динамическую страницу элемента из уже созданной коллекции.

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

   1. Перейдите к CMS в редакторе:
      • Редактор Wix: нажмите CMS в левой части редактора.
      • Editor X: Нажмите CMS в верхней части Editor X.
   2. Нажмите Коллекции.
   3. Нажмите значок Дополнительные действия рядом с соответствующей коллекцией и нажмите Добавить динамическую страницу.

   (Необязательно) Шаг 2 | Добавьте или удалите элементы

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

   Чтобы добавить элементы:

   1. Перейдите в панель Добавить:
      • Редактор Wix: нажмите Добавить в левой части редактора.
      • Редактор X: нажмите Добавить элементы в верхней части Editor X.
   2. Нажмите на элемент, который хотите добавить на страницу.
   3. Нажмите на элемент на странице.
   4. Нажмите на значок Подключить к данным  (или в Editor X).
   5. Выберите поле коллекции из раскрывающихся списков Параметры подключения.

   Шаг 3 | Проверьте подключение элементов

   Элементы на вашей странице должны подключаться к правильным полям в вашей коллекции. Тем не менее мы рекомендуем проверить, все ли настроено правильно.

   Чтобы проверить подключения на странице:

   1. Нажмите на элемент в редакторе.
   2. Нажмите на значок Подключить к данным (или в Editor X).
   3. Проверьте каждое поле в разделе Параметры подключения. При необходимости нажмите, чтобы изменить подключение.

   Шаг 4 | Измените URL

   URL-адрес страницы динамического элемента действует как фильтр, определяющий, какой элемент будет отображаться на странице. Для новой страницы динамического элемента первое поле в коллекции — это фильтр (обычно это «Заголовок»).

   Итак, для коллекции с полем заголовка, содержащим название каждого рецепта, URL-адрес каждой страницы динамического элемента будет основан на названии рецепта.

   Например:
   https://mystunningsite.com/recipes/lasagne

   Для коллекции с полем заголовка, содержащим номер каждого рецепта, URL-адрес будет основан на номере рецепта.

   Например:
   https://mystunningsite.com/recipes/0001

   Чтобы изменить URL-адрес динамической страницы:

   1. Перейдите на страницы сайта в редакторе:
      • Редактор Wix: нажимайте меню и страницы в левой части редактора.
      • Editor X: нажмите Страницы в верхней части Editor X.
   2. Нажмите Динамические страницы.
   3. Выберите новую динамическую страницу и нажмите значок Дополнительные действия .
   4. Нажмите Настройка.
   5. В разделе Настройте URL страницы, удалите последнюю часть URL-адреса, которая появляется после тире (/). Убедитесь, что вы не удалили часть URL-адреса, которая появляется перед /.

      Примечание: Если вы видите предупреждение «Этот URL-адрес конфликтует с существующим» , вы можете проигнорировать его и перейти к следующим шагам.

   6. Нажмите Добавить поле.
   7. Выберите поле, по которому хотите выполнить фильтрацию. Это называется динамическое значение.
   1. Нажмите на поле, которое вы только что добавили. Имя поля (динамическое значение) теперь отображается в круглых скобках в конце URL-адреса. Добавляемое вами поле коллекции определяет элементы, отображаемые на динамической странице элементов. В приведенном ниже примере поле коллекции — «Номер рецепта».
   1. Вернитесь на страницу в редакторе. Нажмите раскрывающийся список на экране и выберите элемент коллекции для отображения на странице динамического элемента.
   1. Используйте раскрывающееся меню на экране для переключения между элементами в режиме предварительного просмотра, чтобы увидеть, как ваша страница будет выглядеть в реальном времени.

   Шаг 5 | Добавление ссылок на динамические страницы

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

   Совет:

   Вы также можете создать индексную страницу для динамических страниц. Индексная страница состоит из статических элементов, которые ссылаются на ваши динамические страницы.

   CMS: Настройка динамической страницы списка

   На динамической странице списка отображается предварительный просмотр элементов из вашей коллекции в списке. При нажатии на элемент в этом списке посетитель попадает на динамическую страницу элемента, на которой отображается дополнительная информация об элементе.

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

   Примечание:

   Вы можете создать множество динамических страниц списка, чтобы отображать только элементы из категорий или групп. Затем вы можете установить связь между ними по мере необходимости. Раздел об изменении URL-адреса в этой статье объясняет, как это сделать.

   Шаг 1 | Добавление динамической страницы списка

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

   Чтобы добавить динамическую страницу списка:

   1. Перейдите в CMS в редакторе:
      • Редактор Wix: нажмите CMS в левой части редактора.
      • Editor X: Нажмите CMS в верхней части Editor X.
   2. Нажмите Коллекции.
   3. Нажмите значок Другие действия рядом с соответствующей коллекцией и нажмите Add Dynamic List Page (Добавить динамическую страницу списка).

   (Необязательно) Шаг 2 | Замените репитер на галерею или таблицу

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

   Чтобы добавить и подключить галерею или таблицу:

   1. Перейдите в панель Добавить:
      • Редактор Wix: нажмите Добавить в левой части редактора.
      • Editor X: нажмите Добавить элементы в верхней части Editor X.
   2. Добавьте галерею или таблицу:
      • Редактор Wix: выберите, что вы хотите добавить:
        • Галерея: нажмите Галерея и выберите соответствующую галерею.
        • Таблица: нажмите Список, затем нажмите Таблицы и выберите соответствующую таблицу.
      • Editor X: нажмите Медиа, затем нажмите Галереи Pro Gallery и выберите соответствующую галерею.
        Примечание: таблицы пока недоступны в Editor X.
   3. Нажмите на таблицу или галерею на странице.
   4. Нажмите на значок Подключить к данным  (или в Editor X).
   5. Выберите поле коллекции из раскрывающихся списков Параметры подключения.
   6. Выберите репитер по умолчанию и нажмите Удалить на клавиатуре.

   CMS: Настройка динамических страниц

   Когда вы создаете коллекцию, вы можете создать для нее динамические страницы. Если вы выбрали эту опцию (она включена по умолчанию), вы автоматически получите две динамические страницы — динамическую страницу элемента («Название_коллекции» Title) и динамическую страницу категории («Название_коллекции» All). Эти страницы содержат элементы по умолчанию, уже подключенные к коллекции, но вы можете редактировать страницу любым удобным для вас способом.

   Примечание

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

   1. Перейдите на CMS в редакторе:
      • Редактор Wix: нажмите на значок CMS слева от редактора.
      • Editor X: выберите CMS в верхней части Editor X.
   2. Наведите курсор на нужную коллекцию и нажмите значок Другие действия.
   3. Нажмите Добавить динамическую страницу.

   Шаг 1 | Проверьте элементы по умолчанию

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

   Чтобы изменить подключение элемента:

   1. Перейдите на необходимую динамическую страницу в редакторе.

   В редакторе Wix >

   1. Нажмите на Страницы в левой части редактора.

4. Нажмите на название коллекции.
5. Нажмите на динамическую страницу, которую хотите настроить.

В Editor X >

1. Нажмите на Страницы в верхней панели.
2. Нажмите на нужную динамическую страницу в разделе «Collection_Name» Pages (Dynamic).

2. Нажмите на элемент в редакторе.

3. Нажмите на значок Подключить к данным  (или в Editor X).

В разделе Параметры подключения выберите поле, к которому будет подключен элемент.

Убедившись, что все ваши элементы подключены к правильным полям в вашей коллекции, вы можете перемещать их. Просто нажмите и перетащите, чтобы создать нужный макет.

Шаг 2 | Добавьте дополнительные элементы

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

Чтобы добавить дополнительные элементы:

1. Перейдите к панели Добавить в редакторе.
   • Редактор Wix: нажмите Добавить в левой части редактора.
   • Editor X: нажмите Добавить элементы в верхней части Editor X.
2. Нажмите на элемент, который вы хотите добавить.
3. (Необязательно) Если вы хотите, чтобы этот элемент был динамическим, подключите его к соответствующему полю:
   1. Выберите элемент в редакторе, и нажмите значок Подключить к данным (или в Editor X).
   2. В разделе Параметры подключения выберите поле, к которому будет подключен элемент.