CMS: Отображение товаров Wix Stores на динамической странице списка
Используйте
CMS (систему управления контентом), чтобы творчески подойти к отображению товаров Wix Stores, представив их в полностью настраиваемом репитере на
динамической странице списка. Выбирайте только нужные элементы страницы (например, текст, кнопки, изображения) и подключайте их к соответствующим полям товаров (например, название, цена, количество в наличии).
Вы можете связать кнопки или изображения со своей
страницей товара, чтобы клиенты могли нажать на них и узнать больше перед покупкой. Вы также можете создать кнопки
«Добавить в корзину» и
«Быстрый просмотр» для удобства совершения покупок.
Прежде чем начать:
- Создайте свои товары в Wix Stores.
- Добавьте CMS на свой сайт, если вы еще этого не сделали.
- Включите коллекции приложений Wix, чтобы использовать Wix Stores с CMS.
Шаг 1 | Добавление динамической страницы списка для товаров
Перейдите в коллекции приложений Wix в CMS редактора и создайте динамическую страницу списка из коллекции Stores. Эта страница включает репитер, который уже частично подключен к товарам Wix Stores.
Редактор Wix
Редактор Studio
- Перейдите в редактор.
- Нажмите CMS
слева в редакторе. - Нажмите Коллекции приложений Wix слева.
- Прокрутите вниз до StoreCatalog или Stores, наведите курсор на Товары и нажмите на иконку Другие действия
.
Советы:
- Если у вас есть коллекция приложений Wix StoreCatalog, на сайте используется Wix Stores Catalog V3.
- Если у вас есть коллекция приложений Wix Stores, на сайте используется Wix Stores Catalog V1.
- Выберите Добавить динамическую страницу.
- Нажмите Страница списка.
- Нажмите Добавить на сайт.
Совет:
Вы можете отображать товары в галерее Wix Pro Gallery или таблице вместо репитера. Для этого удалите репитер и добавьте галерею или таблицу. Затем выполните остальные шаги в этой статье, чтобы подключить галерею или репитер к CMS.
Шаг 2 | Подключение репитера к CMS
Подключите репитер к набору данных, который связан с коллекцией товаров Wix Stores. Затем подключите каждый элемент репитера к динамическим значениям коллекции, которые меняются в зависимости от отображаемого товара. Вы можете связать изображение или кнопку в репитере с действиями «Добавить в корзину» или «Быстрый просмотр».
Редактор Wix
Редактор Studio
- (Необязательно) Добавьте элементы в репитер (например, кнопки, текст, изображения) или удалите ненужные элементы. Вы можете отрегулировать размер репитера, чтобы в нем поместились все элементы.
- Нажмите на элемент репитера и выберите иконку Подключить к CMS
. - Нажмите на выпадающий список Выбрать набор данных и выберите Товары.
- В разделе Подключения нажмите на элемент репитера, который хотите подключить.
Примечание: если вы используете стандартный репитер, который шел с динамической страницей, элементы изображения и текста уже подключены. Вы можете удалить лишние текстовые элементы или отключить их и заменить статичным текстом. - Нажмите на соответствующие выпадающие меню и выберите, какие поля Wix Stores подключаются к каждой части элемента.
Совет: вы можете добавить ссылку на поле URL (Wix Stores Catalog V3) или URL страницы (Wix Stores Catalog V1), чтобы клиенты могли перейти на соответствующую страницу товара в магазине.
- Нажмите Настройки подключений репитера и повторите шаги 4–5 выше, чтобы подключить дополнительные элементы в репитере.
- Настройте элементы репитера по мере необходимости.
Совет: вы можете добавлять или удалять элементы из репитера в любое время. Отключите элементы, если хотите использовать статический контент, который не меняется в зависимости от соответствующей категории. - Нажмите Превью, чтобы протестировать динамическую страницу товаров.
- Нажмите Опубликовать, если вы готовы применить изменения на сайте.
Шаг 3 | (необязательно) Управление настройками набора данных
В настройках набора данных можно выбрать максимальное количество товаров, которые могут отображаться одновременно. Вы также можете добавить фильтры, чтобы включить только определенные товары, или добавить сортировку, чтобы контролировать порядок отображения товаров.
Примечание:
Поле
Количество пунктов для загрузки не применяется к таблицам. Если вы используете таблицу для отображения товаров, вы можете ограничить количество отображаемых позиций, нажав на иконку
Макет
. Затем установите настраиваемую высоту таблицы и включите пагинацию.
. Затем установите настраиваемую высоту таблицы и включите пагинацию.
Редактор Wix
Редактор Studio
- В редакторе нажмите на репитер или галерею Wix Pro Gallery.
- Нажмите на иконку Подключить к CMS .
- Нажмите Настройки набора данных.
- (Необязательно) Нажмите на тип разрешений рядом с пунктом Разрешения, чтобы определить, кто может просматривать, добавлять, обновлять или удалять контент коллекции на опубликованном сайте.
- Отредактируйте поле Количество пунктов для загрузки, чтобы установить максимальное количество позиций, которые могут быть загружены одновременно.
Примечание: это также максимальное количество позиций, которое может быть загружено, когда посетители нажимают кнопки «Показать еще», «Следующая/Предыдущая страница» или используют панели пагинации. - (Необязательно) Нажмите + Добавить фильтр, чтобы показывать только определенные товары в репитере.
- (Необязательно) Нажмите + Добавить сортировку, чтобы выбрать порядок, в котором товары будут появляться в репитере.
- Нажмите Превью, чтобы протестировать динамичную страницу товаров.
- Нажмите Опубликовать, если вы готовы применить изменения на сайте.
Шаг 4 | (необязательно) Настройка фильтрации товаров для клиентов
Дайте покупателям возможность просматривать только те товары, которые соответствуют примененным ими фильтрам, таким как цена, запас товара или бренд. Выберите любой из следующих
элементов ввода, которые позволяют фильтровать контент:
радиокнопки,
чекбоксы,
выпадающие списки,
теги выбора или
слайдеры (только диапазонные слайдеры).
Узнайте, как настроить
элементы ввода, которые позволяют посетителям фильтровать контент коллекции.
Шаг 5 | (Необязательно) Добавление кнопки «Показать еще» или кнопок навигации
Вы можете повысить производительность страницы, ограничив количество отображаемых товаров и добавив кнопку «
Показать еще».
Добавьте навигационные кнопки, чтобы покупатели могли нажать и
просмотреть следующую или предыдущую страницу с товарами, или добавьте
панель пагинации для циклического просмотра определенного количества товаров за раз.
Совет:
Подробнее о
действиях набора данных CMS, которые можно применить к кнопкам и изображениям.