Лайфхак при работе с виджетами insales

В принципе работать с ними достаточно просто.

Открываете любую страницу, например категорию. И наполняете ее контентом путем добавления виджетов.

Виджеты на странице категории

Выбираете виджет, добавляете на страницу.

Виджеты сразу адаптированы по мобильную версию. Можно посмотреть, как они выглядит и на пк и на мобилке.

Переключение режимов отображения сайта

Думаю с этим все понятно.

Но бывают ситуации, когда нужно на пк версии отобразить одно размещение контента, а на моб. версии другое.

Например есть страница каталога и в ней под меню выводятся статьи.

Виджет Статьи в сайтбаре

В мобильной версии это будет выглядеть так

Мобильная версия магазина

Сначала будет идти блок со статьями, а потом уже каталог с категориями. 

Это не правильно т.к. нужно посетителю показать сначала каталог, а потом уже статьи.

Поэтому переходим в настройки виджета Статьи в сайтбаре.

Включаем Расширенный режим настроек.

Переходим в Виджет, и в самом низу включаем переключатель Скрыть на телефоне.

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

Переходим в настройки виджета и включаем переключатель Скрыть на десктопе.

Все.

Теперь на пк версии блок со статьями выводит слева в сайт баре. А в мобильной версии он теперь не сверху категорий, а под ними.

Скрывая виджет на пк версии и выводя его в другом месте в мобильной версии сайта, вы можете тонко настраивать дизайн своего магазина.

Услуги, упомянутые в кейсе
В наличии
Хит продаж
Предзаказ
арт.
Услуга включает в себя работы по верстке, интеграции приложений, исправление...
3 000 руб
В наличии
Хит продаж
Предзаказ
арт.
Обсудим важные моменты в вашем интернет магазине
0 руб
В наличии
Предзаказ
арт.
Авторизация через Яндекс, Google, Вконтакте и Mail.ru
0 руб
В наличии
Предзаказ
арт.
0 руб
Комментарии
Комментариев еще никто не оставлял
Обратный звонок
Запрос успешно отправлен!
Имя *
Телефон *
Предзаказ
Предзаказ успешно отправлен!
Имя *
Телефон *
Добавить в корзину
Название товара
100 руб
1 шт.
Перейти в корзину