Контейнерный модуль

Примечание

Группа по интересам в сфере розничной торговли по Dynamics 365 Commerce переехала из Yammer в #REF!. Если у вас нет доступа к новому сообществу #REF!, заполните эту форму (https://aka.ms/JoinD365commerceVivaEngageCommunity), чтобы добавить и оставаться в курсе последних обсуждений.

В этой статье объясняется, как добавлять модули контейнеров на страницы сайта в Microsoft Dynamics 365 Commerce.

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

Три поддерживаемых модуля контейнера: контейнер, контейнер с 2 слотами и контейнер с 3-слотами. Модули любого типа можно поместить в эти контейнеры.

Примечание

Всегда помещайте модули в модуль контейнера, чтобы ограничить их шириной контейнера.

Примеры модулей-контейнеров в электронной коммерции

• Автор сайта хочет создать макет с тремя столбцами, где три модуля будут рядом друг с другом. Таким образом, автор сайта использует контейнерный модуль контейнера с тремя гнездами.
• Автор сайта хочет создать макет с шестью столбцами, где шесть модулей будут рядом друг с другом. Поэтому автор сайта использует модуль контейнера с шестью столбцами внутри него.
• Разработчик сайта хочет поместить модуль на страницу, но не хочет, чтобы он заполнял экран. Таким образом, автор сайта добавляет модуль в контейнерный модуль и задает для свойства Ширина контейнера значение Вписать в контейнер.

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

Снимок экрана: модуль контейнера.

Свойства модуля контейнера

Имя свойства	Значения	Наименование
Заголовок	Текст заголовка и метка заголовка (H1, H2, H3, H4, H5 или H6)	Необязательный заголовок контейнера. По умолчанию для заголовка используется тег заголовков H2. Однако тег можно изменить на соответствие требованиям специальных возможностей.
Ширина	Вписать в контейнер или Заполнить экран	Если задать для контейнера значение Fit (значение по умолчанию), модули внутри контейнера ограничены шириной контейнера. Если задано значение "Заливка", модули не ограничиваются шириной контейнера, но могут заполнить экран.
Число столбцов	1, 2, 3, 4, 6 или 12	Количество столбцов в контейнере. Контейнер может иметь до 12 столбцов.

Контейнер с 2 слотами

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

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

• 75%/25% — первый модуль имеет ширину столбца, составляющую 75 процентов, а второй — ширину столбца, составляющую 25 процентов. Также доступен параметр 25%/75%.
• 50 %/50 % — оба модуля имеют одинаковую ширину столбцов.
• 67%/33% — первый модуль имеет ширину столбца, составляющую 67 процентов, а второй — ширину столбца, составляющую 33 процента. Также доступен параметр 33%/67%.
• 100% — оба модуля имеют полную ширину столбцов. Таким образом, модули выводятся вертикально в одном столбце. Несмотря на то, что этот макет с одним столбцом не соответствует назначению контейнера с 2 гнездами, он может быть предпочтительным для некоторых видов просмотра (например, для таких очень маленьких портов просмотра, как мобильные устройства).

Свойства контейнера с 2 гнездами

Имя свойства	Значения	Наименование
Заголовок	Текст заголовка и тег заголовка	Необязательный заголовок контейнера.
Конфигурация для очень маленьких окон просмотра	25%/75%, 75%/25%, 50%/50%, 67%/33%, 33%/67% или 100%	Макет для очень маленьких окон просмотра.
Конфигурация для небольших окон просмотра	25%/75%, 75%/25%, 50%/50%, 67%/33%, 33%/67% или 100%	Макет для небольших окон просмотра, например мобильных устройств.
Конфигурация для средних окон просмотра	25%/75%, 75%/25%, 50%/50%, 67%/33%, 33%/67% или 100%	Макет для средних окон просмотра, например планшетов.
Конфигурация для больших окон просмотра	25%/75%, 75%/25%, 50%/50%, 67%/33%, 33%/67% или 100%	Макет для больших окон просмотра, например компьютеров.

Контейнер с тремя слотами

Контейнер с модулями с тремя слотами оптимизирован для макета из трех столбцов.

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

• 33%/33%/33% — все три модуля имеют одинаковую ширину столбцов.
• 50%/25%/25% — первый модуль имеет ширину столбца 50 процентов, а каждый из оставшихся двух модулей имеет ширину столбца по 25 процентов. Также доступны варианты 25%/50%/25% и 25%/25%/50%.
• 16%/16%/67% — каждый из первых двух модулей имеет ширину столбца 16 процентов, а третий модуль имеет ширину столбца 67 процентов. Также доступны варианты 16%/67%/16% и 67%/16%/16%.

Контейнер с тремя свойствами слотов

Имя свойства	Значения	Наименование
Заголовок	Текст заголовка и тег заголовка	Необязательный заголовок контейнера.
Конфигурация для очень маленьких окон просмотра	33%/33%/33%, 50%/25%/25%, 25%/50%/25%, 25%/25%/50%, 16%/16%/67%, 16%/67%/16% или 67%/16%/16%	Макет для очень маленьких окон просмотра.
Конфигурация для небольших окон просмотра	33%/33%/33%, 50%/25%/25%, 25%/50%/25%, 25%/25%/50%, 16%/16%/67%, 16%/67%/16% или 67%/16%/16%	Макет для небольших окон просмотра, например мобильных устройств.
Конфигурация для средних окон просмотра	33%/33%/33%, 50%/25%/25%, 25%/50%/25%, 25%/25%/50%, 16%/16%/67%, 16%/67%/16% или 67%/16%/16%	Макет для средних окон просмотра, например планшетов.
Конфигурация для больших окон просмотра	33%/33%/33%, 50%/25%/25%, 25%/50%/25%, 25%/25%/50%, 16%/16%/67%, 16%/67%/16% или 67%/16%/16%	Макет для больших окон просмотра, например компьютеров.

Добавление модуля-контейнера на страницу

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

1. Перейдите к пункту Шаблоны, выберите Создать, чтобы создать шаблон.
2. В диалоговом окне Создать шаблон в разделе Имя шаблона введите Шаблон контейнера, затем выберите ОК.
3. В ячейке Содержание выберите многоточие (...), затем выберите Добавить модуль.
4. В диалоговом окне Выбор модуля выберите модуль Страница по умолчанию, затем выберите ОК.
5. Выберите Сохранить, выберите Завершить редактирование для возврата шаблона, затем нажмите кнопку Опубликовать, чтобы опубликовать его.
6. Перейдите к разделу Страницы, выберите Создать, чтобы создать страницу.
7. В диалоговом окне Создать страницу в разделе Имя страницы введите Страница контейнера, затем выберите Далее.
8. В области Выбор шаблона выберите созданный шаблон контейнера и выберите Далее.
9. В области Выбор макета выберите макет страницы (например, Гибкий макет), а затем нажмите кнопку Далее.
10. В области Проверка и завершение проверьте конфигурацию страницы. Если необходимо изменить сведения о странице, нажмите кнопку Назад. Если сведения на странице верны, выберите Создать страницу.
11. В слоте Главный новой страницы выберите многоточие (...), затем выберите Добавить модуль.
12. В диалоговом окне Выбрать модуль выберите модуль Контейнер, затем выберите ОК.
13. В области свойств модуля-контейнера установите для свойства Число столбцов значение 1, а для свойства Ширина — значение Вписать в контейнер.
14. В ячейке Контейнер выберите многоточие (...), затем выберите Добавить модуль.
15. В диалоговом окне Выбор модуля выберите модуль Блок содержимого, затем выберите ОК.
16. В области свойств модуля блока содержимого настройте заголовок, изображение и структуру.
17. Выберите Сохранить, затем выберите Предварительный просмотр, чтобы просмотреть страницу. Должен отобразиться один модуль компонента, соответствующий ширине контейнерного модуля.
18. На панели свойств модуля-контейнера измените значение свойства Число столбцов на 3.
19. Добавьте еще два модуля блоков содержимого в модуль контейнера и выполните их настройку.
20. Выберите Сохранить, затем выберите Предварительный просмотр, чтобы просмотреть страницу. Теперь вы должны видеть три модуля блока содержимого, которые будут отображаться рядом.
21. После создания нужного макета нажмите кнопку "Готово редактирование ", чтобы вернуться на страницу, а затем нажмите кнопку "Опубликовать ", чтобы опубликовать ее.

Дополнительные ресурсы

Обзор библиотеки модулей

Модуль гармошки

Модуль вкладки

Модуль карусели

Модуль текстового блока

Модуль окна покупки

Модуль корзины

Модуль оформления заказа

Модуль заголовка

Модуль нижнего колонтитула