|
Создание блоков списков товаров
Пример использования.
К примеру нам необходимо на сайте разместить блок с карточками товара, а в нем сделаем 3 варианта отображения
товаров
1) Мы добавляем новый блок на наш сайт
2) Находим раздел "Фабрика BXReady24" и в нем выбираем блок "BXReady24: Список товаров"
![002.png 002.png](/upload/medialibrary/241/241708be5e7b4f267f3a93d975f788f4.png)
У нас на сайте будет расположен блок с товарами
![003.png 003.png](/upload/medialibrary/e6a/e6a1b0bdc22135376dc30343950a3dc2.png)
3) Блок мы создали, пора нам его настроить
в нашем блоке нажимай на кнопку "дизайн"
![004.png 004.png](/upload/medialibrary/e8f/e8fe4d0c0933077ed7d942a91b7e2698.png)
Далее мы можем выбрать разные варианты отображения товаров
![005.png 005.png](/upload/medialibrary/6e0/6e038bf8495718657f1f8d430e50407f.png)
Можем удалить текущие строки и/или добавить новые
Нажмем "плюс"
![006.png 006.png](/upload/medialibrary/241/2411a83043e5a059bc3d7558894c42b6.png)
Выбираем те варианты которые нам необходимы.
Например 2 карточки в ряд и 6 карточек в ряд.
![007.png 007.png](/upload/medialibrary/047/04750dede4f360f589910a7e00f3ae2a.png) ![008.png 008.png](/upload/medialibrary/70f/70f12df49a46eb7be23cc14e079f8f95.png)
Они сразу разместятся у нас на сайте!
![009.png 009.png](/upload/medialibrary/b50/b50b6feed7277ccd96f655014adfc151.png)
4) Кроме настройки блока мы можем настраивать сами карточки товара
Настроим маркеры
![010.png 010.png](/upload/medialibrary/d6f/d6f6c38445d714c3967f97617879916e.png)
Снова нажимаем "Дизайн" и выбираем тип маркеров который нам нужен
![011.png 011.png](/upload/medialibrary/e44/e44f8a573a38500098ef82472f37a4c0.png)
Например выберем "Круглые горизонтальные"
![013.png 013.png](/upload/medialibrary/eaa/eaac7cf753e2ce820f1c812191dca7bf.png)
5) Рассмотрим еще некоторые возможности
Например мы можем менять местами наши строки обычным перетаскиванием (drag and drop)
![014.png 014.png](/upload/medialibrary/921/92107c80c8641f69fc355906c4086a8f.png)
6) Так же мы можем поменять расположение маркера процента скидки
![015.png 015.png](/upload/medialibrary/15d/15da6ead1e293dbb556c838c630af5b1.png)
Создание выборок товаров с помощью пресета фильтров |
Описание курса
|