Установка библиотеки


Установка решений из Маркетплейс

Загрузите модуль "BXReady24: Фабрика для Сайты24

9cd7996d42.jpg


Ознакомьтесь и примите лицензионное соглашение

ec6438c641.jpg

992997f4cc.jpg


После того, как модуль загружен - выполните его установку. 

c8b114c49a.jpg


Ознакомьтесь и примите лицензионное соглашение

c47458c4d0.jpg


Убедитесь, что модуль BXReady24: Фабрика для Сайты24 установлен

a5d9756bb6.jpg

Назначение библиотеки

Библиотека “BXReady24” представляет собой набор дополнительных блоков и шаблонов для “1С-Битрикс.Управление сайтом” и позволяет расширить типовой функционал “1С-Битрикс.Управление сайтом” и модуля Сайты24.

При установке модуля "BXReady24: Фабрика для Сайты24" все блоки автоматически добавляются в разделы репозитория и вы можете использовать их на своем сайте.
Также все блоки библиотеки доступны в списке блоков Сайты24 в разделе “BXReady24.Фабрика для Сайты24”.

Блоки

bxready.filter.preset

Как создать свой пресет

Для создания пресета перейдите в раздел "Пресеты для фильтров списков товаров"

c13fdb0c4b.jpg


Внимание! При настройке пресетов убедитесь, что инфоблок, используемый в условиях пресета, является каталогом для лендингового сайта, на котором планируется использовать пресет.


Внимание! Для добавления пресета необходимо наличие хотя бы одного каталога


Добавьте пресет

518e6be4ec.jpg


Введите название пресета, установите активность, и настройте фильтр

7d632608c7.jpg


После чего нажмите на кнопку "Сохранить" и пресет будет добавлен

3e00204602.jpg

Как использовать пресет фильтров при создании лендингов

Для использования пресета, его необходимо создать (и запомнить его ID)

После чего на странице лендинга нужно разместить блок "BXready24: Пресеты фильтров списка товаров"

144fe992d4.jpg



После размещения блока его необходимо настроить, для этого нужно зайти в редактирование блока d431d38b73.jpg


И задать ID ранее созданного пресета

62b9fe1a9a.jpg


После сохранить и проверить правильность фильтра 
ace4042d70.jpg

bxready.store.catalog.list


Как использовать

Внимание! Для полноценной работы блока, необходимо для лендинга настроить каталог

a44fa47dcd.jpg

 
Для вывода списка товаров необходимо разместить блок "BXready24: Список товаровна нужной странице

c9d8bb4ce9.jpg


Если лендинг настроен на каталог, то сразу же должен вывестись список товаров

36dd35ef84.jpg



Настройки

Настройка блока:

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

f1a307a376.jpg



Остальные настройки отвечают за вывод элементов и задания текстов для кнопок
d0c35e31ba.jpg

Настройка дизайна блока:

Основными настройками дизайна являются пункты "Вариант отображения товаров" и "Тип маркеров"

d45911c47f.jpg

Вариант отображения товаров - влияет на то, как карточка элемента будет подключена. Подробнее о карточках элементов и их отличия.

Типы карточек элементов и их отличие

Для отображения элементов, в блоке bxready.store.catalog.list  используются 4 типа карточек:
  • Большие;
  • Средние (классические);
  • Маленькие;
  • Лентой.

Внимание! Тип карточки для отображения элемента, зависит от настроек блока и выбранного варианта отображения товаров


Большие карточки подключаются для вариантов (1 товар в строчку, 2 товара в строчку, 1 + 4, 4 + 1, 1 + 6 и 6 + 1)
2536fd8b34.jpg


Средние карточки подключаются для вариантов (3 и 4 товара в строчку)

8196f6ccbe.jpg


Маленькие карточки подключаются для вариантов (6 товара в строчку, и с комбинацией с большой карточкой)

e4d6cdd23a.jpg


Лентой

e3b29697de.jpg

Шаблоны

Внимание! Для установки шаблонов необходима версия модуля "Сайты 24" 18.4.33 и выше!

Для установки шаблона необходимо перейти на главную страницу модуля и выбрать вкладку "Шаблоны". На вкладке изучить представленные шаблоны, выбрать понравившийся и нажать на кнопку "Установить".

2ec9b22665.jpg


После чего откроется окно с установкой. Но если у вас ещё не создан не один сайт под лендинг, то может выскочить следующее предупреждение:

33302cdfc8.jpg


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

4d7abbdd03.jpg


Установка предложить выбрать сайт для установки шаблона, выберите нужный сайт, и нажмите кнопку "Установить".

Внимание! Если нужного сайта нет в списке, то для сайта так же необходимо предварительно добавить пустую страницу!

2e1796379d.jpg


Дождитесь сообщения об успешности установки

0ced0817d0.jpg


Поле чего вы можете зайти на список страниц сайта (куда производилась установка) и проверить, что шаблон установлен.

c41ec0f18f.jpg


Можете переходить к настройке установленного шаблона.

dc5c5451d0.jpg

Примеры использования

Создание выборок товаров с помощью пресета фильтров

001.png

Мы можем создать любое количество пресетов.
Посмотрим на примере как создать пресет и как его использовать!

Создаем новый блок


001.png

Выбираем раздел "Фабрика BXReady24" и в нем выбираем блок "BXReady24: Пресеты фильтров списка товаров"


002.png

Создание пресетов


В нашем блоке нажимаем кнопку создать пресет


003.png

У нас открываются настройки создания присета
Заполняем название, ставим галочку "Активность", что делает пресет активным!
Нажимаем добавить условие.


004.png

Далее необходимо выбрать свойство по которому будем фильтровать, например "цвет"


005.png

Выбрали свойство (цвет), далее условие (равно) и значение (Черный)
Нажимаем Сохранить или применить


006.png

Далее мы увидим наш пресет в списке пресетов.


007.png

Использование пресетов


На нашей странице, в новом блоке нажимаем кнопку "Редактировать"


008.png

Дальше в настройках вписываем ID нашего пресета, в нашем случае "10" и нажимаем сохранить.


009.png

И видим что наш пресет добавился и фильтр работает.


011.png

Создание блоков списков товаров

Создание блоков списков товаров



Пример использования.


К примеру нам необходимо на сайте разместить блок с карточками товара, а в нем сделаем 3 варианта отображения товаров



1) Мы добавляем новый блок на наш сайт 


001.png

2) Находим раздел "Фабрика BXReady24" и в нем выбираем блок "BXReady24: Список товаров"


002.png


У нас на сайте будет расположен блок с товарами

003.png

3) Блок мы создали, пора нам его настроить

в нашем блоке нажимай на кнопку "дизайн"

004.png

Далее мы можем выбрать разные варианты отображения товаров

005.png


Можем удалить текущие строки и/или добавить новые
Нажмем "плюс"
006.png


Выбираем те варианты которые нам необходимы.
Например 2 карточки в ряд и 6 карточек в ряд.

007.png008.png

Они сразу разместятся у нас на сайте!

009.png

4) Кроме настройки блока мы можем настраивать сами карточки товара



Настроим маркеры

010.png


Снова нажимаем "Дизайн" и выбираем тип маркеров который нам нужен

011.png



Например выберем "Круглые горизонтальные"
013.png

5) Рассмотрим еще некоторые возможности


Например мы можем менять местами наши строки обычным перетаскиванием (drag and drop)

014.png

6) Так же мы можем поменять расположение маркера процента скидки


015.png016.png