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