Содержание

Установка решения

Установка платформы 1С-Битрикс

ВНИМАНИЕ! Каждый покупатель BXReady имеет полное право на бесплатную установку!
Для этого просто обратитесь в техподдержку http://support.kuznica74.ru

Но, если же вы решили выполнить установку самостоятельно, мы дадим несколько ценых советов тем, кто устанавливает решение с нуля (т.е. установка Битрикс + сайт BXready)

Установку платформы вы можете выполнить в соответствии с документацией

Но рекомендуем на шаге с выбором решения поступить следующим образом
Выбрать вариант с решением для разработчиков
sc1.jpg

далее сразу же при запуске мастера - прервите его работу и откажитесь от установки решения

sc2.jpg

Если вы все сделали правильно, то получите идеально чистую установку Битрикс

sc3.jpg

После этого вы можете переходить к следующему шагу: Активация лицензии Битрикс и купонов на решение BXReady

Активация лицензии Битрикс

ВНИМАНИЕ! Каждый покупатель BXReady имеет полное право на бесплатную установку!
Для этого просто обратитесь в техподдержку http://support.kuznica74.ru

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

Активация купонов BXReady и купонов на модули рекламы, загрузка решений

Установить решение BXReady можно после того, как вы пройдете активацию купонов на решение и загрузите его

Информация по установке

В двух словах:

После того как вы получили купон, перейдите на страницу
Маркетплейс - Обновление решений

и введите купон на вкладке "Активация купона"

Загрузите модуль "BXReady: Флагман. Универсальный интернет-магазин"

ea7b79ed92.jpg
 
88fbe35335.jpg

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

ce2aa83903.jpg

убедитесь, что модуль BXReady: Market2 установлен

acbf764e65.jpg 

После этого можно Запускать мастер установки и настройки решения BXReady: Бизнес 

738b7ac42d.jpg

Мастер установки

Для запуска мастера установки перейдите в раздел
Настройки - Настройки продукта - Список мастеров

738b7ac42d.jpg

Запустите мастера установки BXReady

Пройдите все шаги мастера установки
Выберите сайт

1.jpg
 


Выберите вариант шаблона (на данный момент их 4)

2.jpg 


Настройте цвет и шрифт вашего сайта

3.jpg 


Выберите вариант верхней строки (на данный момент их 18)

4.jpg


Выберите шапку сайта (сейчас их 6)

5.jpg


Настройте левое меню вашего сайта

6.jpg


Выберите футер сайта
7.jpg


Настройте каталог вашего сайта

8.jpg


Дождитесь окончания установки

9.jpg 

Если вы все сделали верно, то ваш BXReady готов к работе и вам остается только наполнить его контентом и отредактировать содержимое 
10.jpg


11.jpg

Бесплатная базовая установка

Обратите внимание!

После приобретения решения вы можете воспользоваться услугой бесплатной базовой установки на ваш хостинг (Хостинг и тарифный план должны соответствовать требованиям платформы Битрикс)

Что входит в данную услугу

- установка решения с демо-контентом на ваш хостинг
- настройка решения на выбранную вами вариацию шаблона
О том, как подобрать вариацию и поделиться информацией о настройках мы написали статью, воспользуйтесь ею http://dev.1c-bitrix.ru/community/webdev/user/10337/blog/15187/ - по аналогии с данной статьёй подбирается комбинация на демо-сайте: http://fs.bxready.ru/

Что не входит в бесплатную базовую установку

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

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

Конечный результат базовой установки: Установленная версия сайта компании с демонстрационным контентом (аналогично демо http://fs.bxready.ru/), готовая для проведения работ по наполнению вашей информацией и контентом и подготовки к запуску вашего сайта компании.

Уточнить информацию о бесплатной базовой установке и задать интересующие вас вопросы вы можете по email global@kuznica74.ru

Возможные ошибки при установке

Не доступен модуль BXReady: Бизнес


 
 Данная ошибка возникает, потому что решение было загружено, но не было установлено. Для устранения этой ошибки необходимо перейти в "Решения Marketplace" в административной панели сайта и установить решение BXReady Бизнес:




Пересечение файлов при установке

f0ab7a2fe0.jpg

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

Есть несколько вариантов решения данной проблемы:

1) Убедиться, что установка делается на нужный сайт и в нужную директорию, для чего стоит перезапустить мастер установки решения тем самым проверить предыдущие шаги;

2) Если вы уверены, что файлы из списка вам не нужны, то можно их заархивировать, а после удалить, затем перезапустить мастер установки решения;

3) Написать нам в службу технической поддержки http://support.kuznica74.ru и мы вам обязательно поможем;

4) Добавить для страницы GET параметр INTERSECT=Y
60b1ed6c40.jpg

Презентация решения

Для краткого знакомства с возможностями решения вы можете скачать презентацию:
Презентация BXReady: Флагман. Универсальный интернет-магазин

Общие настройки решения

Типы шаблонов в BXReady: Флагман

Навигация:
1. Типы шаблонов
1.1 Широкоформатный
1.2 Классический
1.3 Широкоформатный без правой колонки
1.4 Широкоформатный без левой колонки
1.5 Широкоформатный без правой и левой колонки
2. Настройка шаблонов



1. Типы шаблонов

Решение содержит следующие типы шаблона:
 - Широкоформатный
 - Классический
 - Широкоформатный без правой колонки
 - Широкоформатный без левой колонки
 - Широкоформатный без правой и левой колонки

03.jpg



1.1 Широкоформатный

Особенности: 
 - Включает в себя правую и левую колонку
 - Ориентирован под разрешение 1920x1080

04.jpg



1.2 Классический

Особенности:
 - Правая колонка разворачивается по нажатию на кнопку "Алмаз" (1)
 - Поддерживает возможность включить фоновую рекламу (2).

05.jpg
  


1.3 Широкоформатный без правой колонки

Особенности:
 - Не содержит правой колонки
 - Ориентирован под разрешение 1920x1080

06.jpg



1.4 Широкоформатный без левой колонки

Особенности:
 - Не содержит левой колонки
 - Каталог разворачивается при наведении на Логотип 
 - Ориентирован под разрешение 1920x1080

07.jpg



1.5 Широкоформатный без правой и левой колонки

Особенности:
 - Не содержит правой и левой колонки
 - Ориентирован под разрешение 1920x1080

08.jpg



2. Настройка шаблонов

Панель управления публичной части сайта > Изменить раздел (1) > Свойства раздела (2) > Категория "Свойства раздела"(3)

01.jpg
02.jpg


Значения свойств в категории свойства раздела:

BXRLEFTCOLUMN 
Y - Включить левую колонку
N - Выключить левую колонку

BXRRIGHTCOLUMN
Y - Включить правую колонку
N - Выключить правую колонку
T - Выключить правую колонку. Колонка разворачивается по нажатию на кнопку "Алмаз"

BXRXLMODE
Y - Включить широкоформатный шаблон
N - Выключить широкоформатный шаблон

BXRLEFTMENU
Y - Включить левое меню
N - Выключить левое меню
T - Выключить левое меню. Меню разворачивается при наведении курсора на Логотип.




Обратите внимание!

•  Если необходимо изменить настройки для всего сайта, то изменения требуется вносить на главной странице сайта в панели управления публичной части 1C-Битрикс. 
•  Если необходимо изменить настройки для отдельного раздела, то изменения требуется вносить на нужном разделе.



Настройка цветовой схемы

В нашем решении вы можете выбрать любую интересующую вас цветовую схему и очень просто её настроить. Схема задается всего одним цветом, благодаря технологии LESS.  

В данном руководстве мы рассмотрим:
  • Как выбрать базовый цвет (цветовую схему) для сайта;
  • Как настроить темный и светлый оттенок (базового цвета) для кнопок, ссылок и других элементов

Шаг 1. Переход к настройкам в административной части
  • Откройте административную часть, зайдите в раздел Сервисы -> BXReady: Интернет-магазин 2.0 -> Настройки оформления
2017-11-21_12-06-15.png

Шаг 2. Выбор базового цвета 

В настоящий момент представлено 33 подготовленных цвета. Но вы можете выбрать свой собственный цвет, выбрав его в “квадрате цветов” или, если вам нужен определенный цвет (например, ваш корпоративный), вы можете вставить его HEX-код. 

2017-11-21_15-54-10.png

Также вы можете выбрать тип шрифта на сайте и размер.


Шаг 3. Настройка светлого и темного оттенка базового цвета. 

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

Сделать это можно с помощью двух ползунков:
  • Параметр для вычисления оттенка темного по отношению к базовому цвету 
  • Параметр для вычисления оттенка светлого по отношению к базовому цвету 
99e3f37d6ce5bc5d8f3fe6b32ad756f6.png

Чем больше значение - тем глубже оттенок. 
Например, для светлого оттенка базового цвета: чем больше значение - тем светлее цвет. 
И для темного оттенка базового цвета: чем больше значение - тем темнее цвет. 

В демо-версии (http://fs.bxready.ru/) данные параметры находятся в демо-мастере и называются “Темный hover” и “Светлый hover”. 

Как это выглядит:

Темный оттенок базового цвета, значение - 5%: 

d6a05ff25e.jpg

Темный оттенок базового цвета, значение - 25%: 

73fe455357.jpg

Светлый оттенок базового цвета, значение - 5%: 

55edaaf16b.jpg

Светлый оттенок базового цвета, значение - 25%: 

2ec21f8da9.jpg

P.S. Если вы собираетесь произвести модернизацию, то вы всегда можете доработать LESS файл. 

Шапка

В данном решении представлены 6 типов шапок. Для того, чтобы выбрать подходящий вариант шапки, нажмите кнопку "настройки областей", далее пункт "header", выберете любой из предложенных типов.

Типы шапок.png

Варианты шаблонов:

v1
v1.png


v1_dinamic
v1_dinamic.png

v1_fixed
v1_fixed.png

v2
v2.png

v2_dinamic
v2_dinamic.png

v2_fixed
v2_fixed.png

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

 режим правки.png

  • Изменить контактную информацию и время работы

контактная информация

Также в параметрах компонента можно изменить положение и размер, стиль отображения контактной информации

параметры компонента.png

  • Изменить логотип сайта
лого.png

  • Редактировать пункты меню
пункты меню.png


  • Редактировать иконки соцсетей
соцсети.png

  • Управлять параметрами поиска

поиск.png

  • Управлять параметрами малой корзины

малая корзина - параметры.png


Также есть возможность управлять отображением функционала малой корзины

выбор параметров.png

Настройки корзины

Внешний вид корзины

Минимальная стоимость заказа

В нашем решении вы можете установить минимальную стоимость заказа.

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

Для указания минимальной суммы заказа перейдите в раздел Администрирования (1), затем Сервисы (2)\BXReady: Интернет магазин 2.0 (3)\Основные настройки (4). Далее вам необходимо заполнить два поля: 
  • Минимальная стоимость заказа для покупки (5). Указывается сумма в валюте, используемой на сайте. Нужно указать только сумму.
    Например: для возможности оформления заказа от 5000 руб нужно указать 5000. 
  • Текст сообщения о минимальной стоимости заказа (6). Сообщение, которое будет выведено в корзине, малой корзине и на странице оформления заказа, когда пользователь добавил товаров на сумму, меньше необходимой. 
    Поле поддерживает следующие маски:
    #MIN_ORDER_PRICE# - маска заменится на число из предыдущей опции плюс валюта сайта.
    #ADD_ORDER_PRICE# - маска заменится на сумму, на которую необходимо докупить товаров для оформления заказа.
После заполнения опций нажмите кнопку применить (7).

min_order.jpg


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

min_order_1.jpg



min_order_2.jpg

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

Футер

Вы можете выбрать шаблон футера из 5 разных вариантов. Для этого нажмите на кнопку "Настройка областей" на панели управления, откройте пункт "footer" и выберите наиболее подходящий вариант для вашего сайта. 

настройка областей футера


Варианты шаблонов футера:
  • v1
    Футер v1

  • v1_under

    Футер v1_under

  • v2

    Футер v2

  • v2_under

    Футер v2_under

  • v3

    Футер v3
После выбора шаблона футора, вы можете менять настройки его содержимого. Например:
  • Редактировать заголовки

    Редактирование заголовка

  • Редактировать пункты меню

    Редактирование пунктов меню

  • Редактировать контактную информацию

    Редактирование контактной информации

  • Редактировать иконки социальных сетей

    Редактирование иконок социальных сетей

  • Редактировать лого

    Редактирование логотипа

  • Редактировать подпись

    Редактирование подписи
  • Редактировать центральный блок с информацией
    Редактирование центральной области

Плавающая панель

В BXReady: Флагман плавающая панель используется для отображения фиксированной шапки:

Плавающая панель.png

По умолчанию доступен один шаблон плавающей панели. Для его установки перейдите в параметры компонента плавающей панели и укажите код области top_fixet_panel и вариант области v1

Переход к параметрам компонента
Включить встроенный шаблон

Встроенный шаблон плавающей панели:

 Встроенный шаблон плавающей панели



Для отключения плавающей панели необходимо отключить показ панели в параметрах компонента: 
Отключить плавающую панель

  Или отключить ее компонент:

Отключить компонент

Настройка почтовых шаблонов и событий

Быстрый заказ

Быстрый заказ — это оформление заказа на сайте с указанием минимальных параметров для него.

В BXReady: Флагман есть возможность оформления быстрого заказа в корзине:

Быстрый заказ в малой корзине

Быстрый заказ в корзине

Заказать товар в один клик

и в карточке товара:

Быстрый заказ в детальной карточке товара

Заказать товар в один клик

Настройки быстрого заказа находятся по следующему пути в административном режиме сайта: Сервисы → BXReady: Интернет магазин 2.0 → Быстрый заказ:

Настройки быстрого заказа

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

Настройки быстрого заказа

1. ID пользователя от имени которого создавать заказ.

Если неавторизованный пользователь оформит заказ, то этот заказ оформится на пользователя, ID которого будет указано в данном параметре. По умолчанию существует пользователь c ID 2, предназначенный для оформления таких заказов.

2. Статус заказа.

Статус заказа, который установится при оформлении заказа.

3. Тип плательщика заказа.

Тип плательщика, который установится при оформлении заказа.

4. Поля с кодами свойств заказа.

Для каждого поля: Имя, Телефон, Email можно установить код свойства заказа, в которое установится значение из этих полей.

5. ID инфоблока Купить в 1 клик.

Указывается ID информационного блока, в который продублируется информация о заказе.

6. Страница с сообщением об оформлении заказа.

Указывается путь, на который произойдет редирект после оформления заказа.



Обратите внимание! Если быстрый заказ по кнопке Купить в 1 клик не активен, то в карточке товара будет работать стандартная форма решения - Заказ в 1 клик.

Подробнее о формах можно ознакомиться в разделе Формы


Лендинг или вкладки(Детальная карточка товара)

В решении Флагман вы можете кардинально менять внешний вид детальной карточки товара.
Одной из таких настроек является тип отображения дополнительной информации(характеристик товара).

Вы можете изменить отображение характеристик и отобразить их  в виде вкладок:


1.png

  Или в виде ленты.

3.png


  Что бы изменить отображение необходимо зайти в Настройки компонента каталог->Дополнительная информация->Тип отображения дополнительной информации 

4.png

  А так же вы можете
  1.  включать/выключать вкладки(ленты)
  2.  менять их местами
  3.  переименовывать
  4.  создавать умные ссылки
5.png




 

Обработка персональных данных

В решении BXReady Флагман есть возможность информировать покупателя об обработке персональных данных:
параметр в формах (купить в 1 клик, заказать звонок, обратная связь, заказ отсутствующего предложения), параметр при регистрации, параметр при оформлении заказа.

Как централизовано настроить отображение данного параметра на сайте:
1. Зайдите в административную часть - Сервисы - BXReady: Интернет магазин 2.0 - Персональные данные.
2. Откроется форма Настройка информирования о персональных данных. Установите галочки у первых 2 пунктов:
- Включить централизованную поддержку запроса подтверждения персональных данных,
- Показывать галочку согласие на обработку персональных данных.
3. Далее введите:
- "Текст запроса на согласие", который будет отображаться рядом с галочкой; 
- Название документа с положением о персональных данных (например, Договор, Положение, Подробнее и т.д.); 
- Адрес документа в сети. По умолчанию в решении уже создан шаблон документа, он располагается по адресу /privacy-policy/ 
Вы можете зайти на данную страницу, заполнить информацию о своей компании и при необходимости отредактировать содержимое (в режиме редактирования исходного кода);
- Сообщение об ошибке; 
4. Выберите сайты, на которых нужно подключать функционал обработки персональных данных;
5. При необходимости отметьте галочки для страниц регистрации и оформления заказа;
6. Укажите страницу оформления заказа (без имени домена и без указания index.php в конце, например, '/personal/order/make/');
7. Сохраните введенные данные.

Пример заполнения настроек и отображение на сайте:

example_privacy.jpg

Страница с положением о персональных данных #адрес_сайта#/privacy-policy/
privacy_page.jpg


Страница Регистрации:
registation.jpg

Сообщение об ошибке, если пользователь не поставит галочку:
registation_error.jpg



Оформление заказа

order.jpg



Сообщение об ошибке:

order_error.jpg


Пример отображения параметра в формах:
phone.jpg


Сообщение об ошибке:
phone_error.jpg


Настройки главной страницы

Слайдер

Слайдер. Дополнительные параметры.

Дополнительные параметры типа промоблока "Слайдер" позволяют изменить
поведение размера и отображения слайдера в зависимости от разрешения экрана

Рассмотрим следующие параметры:

Масштабировать слайдер(1) - параметр отвечает за изменение высоты по следующей схеме:
  • При разрешении экрана от 0 пикселей, высота слайдера будет 350px,
  • при разрешении экрана от 768 пикселей, высота слайдера будет 300px,
  • при разрешении экрана от 992 пикселей, высота слайдера будет 300px,
  • при разрешении экрана от 1200 пикселей, высота слайдера будет 350px,
  • при разрешении экрана от 1920 пикселей, слайдера принимает высоту из параметра "Высота слайдера".
Также при включении параметра "Масштабировать слайдер", можно использовать параметр "Использовать свои ограничения масштабируемости"(2).
Данный параметр включает в себя следующие группы параметров:
  • Правила ограничений XL(3)
  • Правила ограничений LG(3)
  • Правила ограничений MD(3)
  • Правила ограничений SM(3)
  • Правила ограничений XS(3)
Данные группы позволяют изменять поведение слайдера в соответствии с задаными параметрами группы. Каждая группа имеет следующие параметры:
  • Ограничения для разрешения (XL/LG/MD/SM/XS)(4) - Параметр указывает, от какого разрешения применять изменения поведения слайдера (Ограничение для XS рекомендуется использовать 0 (7)). Если параметр не имеет значения, то ограничение применяться не будет.
  • Высота слайдера при ограничении (XL/LG/MD/SM/XS)(5) - Параметр указывает, какую высоту устанавливать слайдеру при соответствующем ограничении (Значение должно включать в себя еденицу измерения).
  • Скрыть слайдер при ограничении (XL/LG/MD/SM/XS)(6) - Параметр скрывает слайдер при соответствующем ограничении.

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

Слайдер.Базовые настройки.

slider_params.jpg

При выборе в компоненте "promo.controller" тип промоблока "Слайдер", у данного компонента появляется следующий ряд параметров:

  • Тип Инфоблока - параметр, ответвтсвенный за выбор типа инфоблока для вывода. (1)
  • Инфоблок - параметр, ответственный за выбор инфоблока для вывода. (2)
  • Раздел - параметр, отвечающий за выбор раздела инфоблока для вывода элементов. (3)
  • Код Раздела - параметр, аналогичный параметру "Раздел", но с 'жёсткой' установкой символьного кода раздела. (4)
  • На всю ширину экрана - если данный параметр включен, слайдер будет занимать всю отведённую ему ширину экрана. (5) В противном случае, слайдер будет отображаться в соответствии с системными ограничениями ширины.
  • Эффект затухания - если данный параметр включен, то слайды будут отображаться путём визуального"исчезновения" одного слайда над следующим. (6) Если параметр не установлен, то слайды будут сменяться посредством стандартного "карусели"
  • Скорость слайдера - параметр отвечает за скорость смены одного слайда на другой.(7) (по умолчанию: 500 милисекунд)
  • Автопрокрутка слайдера - при включении данного параметра слайдер будет производить смену слайдов даже без взаимодействие с пользователем. (8)
  • Скорость автопрокрутки слайдера - параметр отвечает за интервал между сменой слайда (по умолчанию: 2000 милисекунд). (9)
  • Показать кнопки только при наведении - параметр отвечает за вывод навигационных кнопок (стрелки влево и вправо, а также маркеров слайдера) только при наведении на слайдер. (10)
  • Скрывать кнопки на мобильной версии - Если данный параметр включен, слайдер не отображает навигационные кнопки на мобильных устройствах. (11)
  • Включить маркеровку слайдера - Данный параметр отвечает за отображение маркеров слайдера (12)
  • Высота слайдера - Параметр указывает на то какой высоты должен отображаться слайдер. Стоит учитывать, что параметр работает с учётом единицы измерения, т.е. если есть необходимость вывести слайдер с высотой 400 пикселей, то соответственно в параметр необходимо вписать 400px. (13)
  • Масштабировать слайдер - данный параметр изменяет поведение слайдера в зависимости от разрешения экрана. (14) Более подробно о данном параметре можно прочитать в статье "Слайдер.Дополнительные параметры"

Слайдер. Служебные свойства.

Для корректной работы слайдера, у слайдов есть ряд служебных свойств.

Служебные свойства

Для того чтобы управлять данными свойствами слайда, вам необходимо в разделе "Контент" выбрать один из элементов инфоблока "Слайдер на главной" и нажать на "Изменить"

1. Открывать ссылки в новой вкладке.

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

2. Весь слайдер ссылка.

Включение данного параметра приводит к следующем: При нажатии на любую область слайда, пользователь перейдёт по первой ссылки из свойства "Ссылки" ( 7 )

3.Расположение картинки.

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

Картинка слева

При установленном значении "Справа" картинка анонса будет позиционироваться справа от основного контента слайда

Картинка справа

4. Цвет заголовка .

Данный параметр отвечает за цвет заголовка слайда и принимает в себя только цветовые hex-значения без знака "#". Для примера подставим в данное свойство значение 2ec5d3 и получим заголовок следующего цвета:

Цвет заголовка

5. Цвет текста.

Параметр аналогичный параметру "Цвет заголовка", и отличается лишь тем, что меняет цвет текста анонса, выводимого на слайде. Для примера подставим в данное свойство значение b26008 и получим текст следующего цвета:

Цвет текста

6. Выводить анонс.

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

Выводить анонс

7. Ссылки.

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

8. Не выводить заголовок.

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

Не выводить заголовок

9. Поведение фона.

Данный параметр отвечает за то, будет ли задний фон обрезаться или же масштабироваться. При масштабировании стоит учитывать как сам размер заднего фона, так и высоту слайдера. Для примера, у данного слайда стоит значения "обрезать"

Фоновое изображение(обрезать)

Однако если поменять значение на "масштабировать" , то изображение примет следующий вид:

Фоновое изображение(Масштабировать)

Размер картинок для главного слайдера

Навигация:
1. Тип изображения для слайдера
2. Размер изображения для слайдера



Тип изображения для слайдера

Изображения в слайдере делятся на 2 типа:
  1. Цельный (изображение)
  2. Комплексный (фон + элемент)

Цельный

Слайдер представлен одним изображением.

002.jpg


Комплексный
Сайдер собирается из изображения фона, изображения элемента, анонсного текста и кнопок.

001.jpg


Обратите внимание!

Как настроить слайдер см. в цикле статей: Слайдер. Дополнительные параметры, Слайдер.Базовые настройки, Слайдер. Служебные свойства




Размер изображения для слайдера

Существуют несколько режимов:
1. Классический
2. Широкоформатный
3. Широкоформатный с выключенной правой панелью
4. Широкоформатный с выключенной левой панелью
5. Широкоформатный с выключенными правой и левой панелями



Обратите внимание!

Размер изображения для слайдера зависит от выбранного режима работы сайта.
Как выбрать режим работы сайта см. в статье Типы шаблонов в BXReady: Флагман




Рекомендуемый размер изображения (при стандартных настройках слайдера)
  • Для класического режима - от 810x400px
  • Для широкоформатного режима - от 1100x400px
  • Для широкоформатного режима с выключенной правой панелью - от 1390x400px
  • Для широкоформатного режима с выключенной левой панелью - от 1390x400px
  • Для широкоформатного режима с выключенными правой и левой панелями - от 1670x400px

Масштабирование слайдера под разные разрешения осуществляется с помощью единицы измерения - vw.
1vw = 1% от ширины окна. (при уменьшении ширины окна уменьшается ширина и высота слайда)


Обратите внимание! Стандартные настройки слайдера:

Правила ограничений XL
Ограничения для разрешения XL:    1920
Высота слайдера при ограничении XL:    20vw

Правила ограничений LG
Ограничения для разрешения LG:    1200
Высота слайдера при ограничении LG:    23vw

Правила ограничений MD
Ограничения для разрешения MD:    992
Высота слайдера при ограничении MD:    26vw

Правила ограничений SM
Ограничения для разрешения SM:    768
Высота слайдера при ограничении SM:    34vw

Правила ограничений XS
Ограничения для разрешения XS:    0
Высота слайдера при ограничении XS:    32vw






Концентратор товаров

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

Управление категориями
Как создать свою категорию?

Концентратор товаров.png

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




Управление категориями. 

Все категории расположены в инфоблоке "Группы рекомендуемых товаров"

Настройки инфоблока.png



Как создать свою категорию?

Попробуем создать новую категорию, заодно узнаем, как к этой категории добавить товары.
  1. Нажимаем кнопку "Добавить элемент".
  2. Вводим название нашей будущей категории.
  3. Вводим индекс сортировки. Если ввести самый маленький индекс, по сравнению с другими категориями, то категория будет выводиться в самом начале, и наоборот.
  4. Добавляем элементы. Либо начните набирать имя товара в поле Товары и система откроет вам список для выбора:
Добавление товаров.png

Либо нажмите на кнопку под этим полем и выберите нужные товары (используйте фильтр, чтобы быстрее найти нужные вам раздел и товары):

Добавление товаров через кнопку.png

В результате получится следующее:

Результат.png

Проверяем и сохраняем результат. Проверяем на сайте нашу категорию.

Вывод на главной.png

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


Также данный компонент имеет ряд гибких настроек и возможностей

Более подробно о них можно прочитать здесь:

Настройка адаптивных списков - адаптивные списки

Настройка управляемого представления - управляемые представления

Режим слайдера

LISTPAGE(slider).png

Вы можете отключить режим слайдера, тогда на главной странице будут отображаться все товары целиком, которые присутствуют в категории
Например:

LISTPAGE(NoSlider).png

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

Управление слайдером.png

Навигационные маркеры

Nav_markers.png


Распродажа-рекомендуем-новинки-бестселлеры


Помимо концентратора товаров, в нашем решении на главной странице размещен еще один промо-инструмент для привлечения внимания посетителей к товарам по акциям, рекомендуемым товарам, новинкам и бестселлерам вашего магазина.

Markers.png

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

1. Откройте редактирование товара либо через публичную часть

 изменить товар.png

либо через административную часть.

admin prop.png

2. Найдите нужное свойство и поставьте ему галочку(например, если вы хотите, чтобы товар выводился в группе Новинки, поставьте галочку у свойства Новинка).
Также обратите внимание на сортировку товара, от неё зависит порядковый номер товара. Чем ниже индекс сортировки, тем меньше порядковый номер товара. Если ввести самый маленький индекс, по сравнению с другими товарами, то товар будет выводиться в самом начале, и наоборот.

properties.png

Далее проверяем наш товар на главной странице сайта

result.png

Товар выводится в нужной нам группе (Новинки) и на нем отображается соответствующий маркер. 

У товара может быть несколько маркеров. Допустим, вы отметили галочкой все маркеры (Спецпредложение, Новинки, Лидер продаж, Рекомендуем).

4 маркера.png

Теперь товар будет выводиться во всех этих группах и на его карточке отобразятся все 4 маркера.

order(4).png


Также данный компонент имеет ряд гибких настроек и возможностей

Более подробно о них можно прочитать здесь:

Настройка адаптивных списков - адаптивные списки

Настройка управляемого представления - управляемые представления

Режим слайдера - режим слайдера

Промоконтроллер

Решении BXReady: Флагман также имеет возможность размещать промо-блок на любой странице сайта.

Промо-блоки на главной.png



Промо-демо товаров (главная).png

Теперь данные области выводит один компонент "Промоконтроллер".

Название компонента.png


В параметрах компонента можно выбрать 2 типа промоконтроллера:

Слайдер
Более подробно о настройках и возможностях слайдера в разделе "Слайдер"

Тип промоконтроллера (слайдер).png

Промоблок
Более подробно о настройках и возможностях промоблока в разделе "Промоблок"

Тип промоконтроллера (промоблок).png





Промоблок

В режиме промо-блок в параметрах компонента можно настраивать:

Параметры компонента (прмооблок).png

"Инфоблок" - Можно выбирать инфоблоки, и выводить их содержимое

Инфоблоки.png

"Поля" - поля, которые нужно вывести в данный блок (картинка, название и т.п.)
"Свойства" - Свойства элементов
"Раздел:" - выбрать определенный раздел в инфоблоке (например, вы можете настроить для разных страниц вывод разных разделов инфоблока)
"Показывать элементы подразделов раздела:" - если у вас несколько разделов в выбранном разделе/инфоблоке, то можно вывести их всех
"Количество элементов на странице:" - количество элементов в блоке
"Тип отображения:" - блок (элементы выводятся с отступами) / монолит (элементы выводятся без отступов)
"Эффект при наведении:" - поведение элемента при наведении на него курсором (вы можете попробовать разные эффекты и выбрать наиболее подходящий)
"Высота элемента (пикс)" - данный параметр задаёт высоту элемента в пикселях


Настройки элемента.

Настройки элемента (под копотом).png

Обязательно должен быть поставлен флажок активности у элемента и введено название.

Остальные настройки:
"Сортировка" - порядок вывода элементов
"Текст во вкладке Анонс" - второй текст, выводимый в элементе(если не заполнять, не будет выводиться)
"Картинка во вкладке Подробно" - основная картинка элемента
"Не выводить название" - название не будет отображаться, а только картинка
"Ссылка" - переход на страницу при клике на элемент
"Открывать ссылку в новом окне" - при клике по элементу страница откроется в новом окне
"Ширина в разных режимах" - ширина элемента в своей строке (каждая строка разделена на 12 колонок, каждый элемент занимает строго определенное ему число колонок. в одной строке сумма колонок элементов должна равняться 12)
Цвет названия, анонса, фона для названия, фона для анонса
"Не использовать эффекты для этого элемента" - если в настройках компонента промо-блока выбран эффект при наведении, то этим параметром у определенных элементов это поведение можно отменить
"Дополнительный цвет" - некоторые эффекты используют цвет для своего отображения

Описание.png

Ширина в режиме LG у данных элементов установлены значения

Режим адаптивности.png

Доп цвет для эф.png

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

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

Промо-блоки на главной.png

Нестандартое использование промоблока 

Можно использовать промоблок в правой части сайта

Акции (правая панель).png

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

Товары можно выводить списком

Правая панель (товары).png

А также можно вывести в режиме слайдера

Режим слайдера.png

Меню

Левое меню

Навигация:
1. Левое меню
1.1 Типы левого меню
1.2 Настройка левого меню



1. Левое меню

000.jpg


1.1 Типы левого меню
Решение содержит следующие типы шаблона:
- Светлый легкий
- Светлый
- Темный
- Цветной

001.jpg


1.2 Настройка левого меню
Панель управления публичной части сайта > Включаем режим правки (1) > Выбираем левое меню (2) > Настройка (3) > Меню (bxready.market2:menu) (4) > Редактирование параметров компонента (5) > Настройки меню (6)

002.jpg
003.jpg


Значения свойств в категории Настройка меню:

Заголовок меню
Текстовое поле для названия меню

Стиль меню
Светлый (легкий) - Включить светлый (легкий) тип левого меню
Светлый - Включить светлый тип левого меню
Темный - Включить темный тип левого меню
Цветной - Включить цветной тип левого меню

Картинка раздела
Не выводить - Выключить вывод иконок у разделов меню
Иконка - Включить вывод иконок у разделов меню
Иконка + иконка по умолчанию - Включить вывод иконок у разделов меню. У разделов с не установленными иконками будут выводится иконки по умолчанию.

Как добавлять иконки см. в разделе "Добавление иконок к разделам меню"

Основной цвет иконки
Светлая - Включить светлые иконки
Темная - Включить темные иконки
Цветная - Включить цветные иконки

Цвет иконки при наведении
Светлая - Включить светлые иконки при наведении (hover)
Темная - Включить темные иконки при наведении (hover)
Цветная - Включить цветные иконки при наведении (hover)




Hover левого меню

Навигация:

1. Hover левого меню
1.1 Шаблоны hover
1.2 Типы hover левого меню
1.3 Настройка hover левого меню
1.3.1 Настройки классического шаблона
1.3.2 Настройка списка с колонками



1. Hover левого меню

1.1 Шаблоны hover
Решение содержит следующие шаблоны hover:
- Классический
- Список с колонками и картинками

005.jpg


1.2 Типы hover левого меню (только для классического шаблона)
Решение содержит следующие типы шаблонов hover левого меню:
- Светлый (легкий)
- Светлый
- Темный
- Цветной


1.3 Настройка hover левого меню
Панель управления публичной части сайта > Режим правки (1) > Выбираем левое меню (2) > Настройка (3) > Меню (bxready.market2:menu) (4) > Редактирование параметров компонента (5) > Настройки hover меню (6)

002.jpg
004.jpg

Значения свойств в категории Настройка hover меню:

Шаблон
Классический - Включить классический шаблон hover меню
Список с колонками и картинками - Включить шаблон со списком и колонками для hover меню

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

Затенения сайта при hover
Остальной сайт кроме меню становится темным

Обратите внимание: От выбора шаблона зависят дальнейшие настройки.


1.3.1 Значения свойств при выборе классического шаблона:

Стиль hover меню
Светлый (легкий) - Включить светлый (легкий) тип левого меню
Светлый - Включить светлый тип левого меню
Темный - Включить темный тип левого меню
Цветной - Включить цветной тип левого меню

Картинка hover меню
Не выводить - Выключить вывод иконок у разделов меню
Иконка - Включить вывод иконок у разделов меню
Иконка + иконка по умолчанию - Включить вывод иконок у разделов меню. У разделов с не установленными иконками будут выводится иконки по умолчанию.

Как добавлять иконки см. в разделе "Добавление иконок к разделам меню"


1.3.2 Значения свойств при выборе Списка с колонками и картинками:

Картинка раздела для hover
Не выводить - Выключить вывод иконок у разделов меню
Иконка - Включить вывод иконок у разделов меню
Иконка + иконка по умолчанию - Включить вывод иконок у разделов меню. У разделов с не установленными иконками будут выводится иконки по умолчанию.
Картинка - Включить вывод картинок у категорий меню

Картинка категории
Не выводить - Выключить вывод иконок у разделов меню
Справа - Вывести картинку категории справа
Слева - Вывести картинку категории слева

Количество колонок при разрешении LG (Large devices, Large Monitor):
1 - Вывести 1 колонку под разделы для разрешения LG
2 - Вывести 2 колонки под разделы для разрешения LG
3 - Вывести 3 колонки под разделы для разрешения LG
4 - Вывести 4 колонки под разделы для разрешения LG

Количество колонок при разрешении MD (Medium devices, Desktops):
1 - Вывести 1 колонку под разделы для разрешения MD
2 - Вывести 2 колонки под разделы для разрешения MD
3 - Вывести 3 колонки под разделы для разрешения MD
4 - Вывести 4 колонки под разделы для разрешения MD

Количество колонок при разрешении SM (Small devices, Tablets ):
1 - Вывести 1 колонку под разделы для разрешения SM
2 - Вывести 2 колонки под разделы для разрешения SM
3 - Вывести 3 колонки под разделы для разрешения SM
4 - Вывести 4 колонки под разделы для разрешения SM

Количество колонок при разрешении XS (Extra small devices, Phones ):
1 - Вывести 1 колонку под разделы для разрешения XS
2 - Вывести 2 колонки под разделы для разрешения XS
3 - Вывести 3 колонки под разделы для разрешения XS
4 - Вывести 4 колонки под разделы для разрешения XS



Иконки и картинки в разделах меню

Навигация:
1. Иконки и картинки в разделах меню
1.1 Добавление иконок и картонок к разделам меню



1. Иконки и картинки в разделах меню
В решении существуют 3 типа иконок и картинок, которые можно привязать к разделу:
- Картинка в разделу каталога
- Картинка к пункту меню
- Иконка к пункту меню

007.jpg
008.jpg
009.jpg


1.1 Добавление иконок и картонок к разделам меню

Для добавления картинки к разделу каталога или пункту меню:
Административная часть > Контент (1) > Каталоги (2) > Товары (3) > Выбираем нужный раздел (4) > Настройки (5) > Изменить (6) > Раздел (7) > Изображение (8)


010.jpg
011.jpg


Для добавления иконки к пункту меню:
Административная часть > Контент (1) > Каталоги (2) > Товары (3) > Выбираем нужный раздел (4) > Настройки (5) > Изменить (6) > Доп. поля (7)

012.jpg


Значения свойств в категории Дополнительные поля:

UF_ICO_FONT
Текстовое поле для добавления класса иконки font awesome (например, fa-arrow-up)

Светлая иконка
Добавление светлой иконки для пункта меню

Темная иконка
Добавление темной иконки для пункта меню

Цветная иконка
Добавление цветной иконки для пункта меню


Мобильное меню

Навигация:
1. Мобильное меню
1.1 Типы мобильного меню
1.2 Настройка мобильного меню


1. Мобильное меню
07 v2.jpg


1.1 Типы мобильного меню
Решение содержит следующие типы мобильного меню: 
- Светлый 
- Темный 
- Цветной 

002.jpg


1.2 Настройка мобильного меню
Обратите внимание! Мобильное меню доступно при ширине окна браузера 991px и ниже.

Для изменения телефонов:
Уменьшаем окно браузера до ширины 991px и ниже > Панель управления публичной части сайта > Включаем режим правки (1) > Выбираем мобильное меню (2) > Телефон в мобильной версии (3) > Меняем значения (4)

003.jpg
006.jpg


Для изменения контактов:
Уменьшаем окно браузера до ширины 991px и ниже > Панель управления публичной части сайта > Включаем режим правки (1) > Выбираем мобильное меню (2) > Контакты для мобильного (3) > Меняем значения (4)

004.jpg
007.jpg


Для редактирования параметров меню: 
Уменьшаем окно браузера до ширины 991px и ниже > Панель управления публичной части сайта > Включаем режим правки (1) > Выбираем мобильное меню (2) > Настройка (3) > Настройки меню (4) / Внешний вид (5) / Настройка пункта (6) 

010.jpg
008.jpg
009.jpg


Значения свойств в категории Настройки меню:

Cтиль меню
Светлый - включает светлый тип меню
Темный - включает темный тип меню
Цветной - включает цветной тип меню


Значения свойств в категории Внешний вид:

Включить в мобильное меню пункт "Поиск"
Добавляет кнопку поиска (иконка "лупа")

Включить в мобильное меню пункт "Обратная связь"
Добавляет кнопку для обратной связи/контактов (иконка "письмо")

Включить в мобильное меню пункт "Телефоны"
Добавляет кнопку для вызова телефонов (иконка "телефон")

Включить в мобильное меню пункт "Авторизация"
Добавляет кнопку для авторизации/регистрации

Включить в мобильное меню пункт "Сравнение" 
Добавляет кнопку для сравнения товаров

Включить в мобильное меню пункт "Избранное"
Добавляет кнопку для избранных товаров

Включить в мобильное меню пункт "Корзина"
Добавляет кнопку корзины


Значения свойств в категории Авторизация / Сравнение / Избранное / Корзина:

Страница профиля пользователя
Текстовое поле в котором вы можете указать путь до главной страницы с профилем (например, /personal/profile/)

Страница сравнения товаров
Текстовое поле в котором вы можете указать путь до страницы сравнения (например, /catalog/compare.php)

Страница избранных товаров
Текстовое поле в котором вы можете указать путь до страницы с избранными товарами (например, /personal/favorites/)

Страница корзины
Текстовое поле в котором вы можете указать путь до корзины (например, /personal/basket/)

Формы

Формы в решении BXReady:Флагман

По умолчанию в решении BXReady: Флагман доступны следующие формы:

1. Заказ в один клик:

Ссылка на форму Купить в один клик
Форма Купить в один клик
2. Заказ отсутствующего предложения:

Кнопка Заказа отсутствующего предложения

Форма Заказ отсутствующего предложения

3. Обратный звонок:

Кнопка для вызова формы Обратный звонок


Кнопка для вызова формы Обратный звонок



Форма Обратный звонок

4. Обратная связь:

Ссылка на форму Обратная связь

Форма Задать вопрос

Компоненты форм: Обратный звонок, Обратная связь, Заказ в один клик расположены в нижний части сайта:

Компоненты форм
 
Форма Заказ отсутствующего предложения будет активироваться в том случае, если у товара отключен параметр  Разрешить подписку при отсутствии товара. Иначе будет работать стандартный механизм подписки 1С-Битрикс.

Информация, полученная из данных форм, отправляется в информационный блок и на E-mail администратора сайта.

Информационные блоки с данными из форм находятся по пути: Контент → Формы

Информационные блоки для форм

Тип почтового события, который срабатывает при отправки формы, указывается в параметрах компонента:

Переход в параметры формы

Код почтового события

Фишки и особенности решения

Типы списков товаров BXReady:Classic и Битрикс 17

Переключение шаблонов списков товаров

В компонентах Каталог и Элементы раздела возможен выбор двух шаблонов списка товаров: BXReady: Classic и BXReady + Битрикс 17

Управление переключением шаблонов списков в каталоге находится в параметрах компонента Каталог


Переход в параметры компонента Каталог


Тип списка товаров

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

Станицы маркеров.png

Для переключения типа списка товаров в этом компоненте необходимо сменить шаблон:

Переход в параметры компонента Элементы раздела

Выбор шаблона компонента Элементы раздела.png

- .default для использования BXReady + Битрикс 17

Хиты продаж BXReady Битрикс 17

- bxready для использования BXReady: Classic

Хиты продаж BXReady Classic



BXReady: Classic

BXReady: Classic переключит компонент в режим классического отображения списков товаров:

BXReady Classic.png

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

Представление — это сущность которая отвечает за конкретный элемент страницы. В нашем случае это отдельная карточка товара.

С доступными представлениями для карточки товаров можно ознакомиться в статье BXReady: Classic доступные представления

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

Более подробно с этим можете ознакомиться в этих статьях:
- Адаптивные списки
- Управляемые представления

BXReady + Битрикс 17

BXReady + Битрикс 17 переключит компонент в режим отображение списков товаров по технологии 1С-Битрикс:

Внешний вид Битрикс 17

К данной технологии мы добавили возможность выбора представления для каждого вида списка товара:

Big, Small, Standart в параметрах компонента Каталога

Big, Small, Standart в разделе каталога

С доступными представлениями для данных видов списков можете ознакомиться в статье Битрикс 17. Настройка представлений(big, small, standart)

Данные представления содержат дополнительные параметры, которыми вы можете управлять.

Более подробно об управлении этими параметрами можно ознакомиться в статье Управляемые представления

Связанные элементы

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

Эта технология используется в наших продуктах с 2014 года. Ранее мы уже размещали информацию по этой технологии. Вы можете ознакомиться с этой информацией по следующим ссылкам:
 
Документация;
Связанные элементы в BXReady: Сайт компании. часть 1;
Связанные элементы в BXReady: Сайт компании (часть 2).

Пример контентной станицы сайта с использованием технологии связные элементы:

Связные элементы

На этой странице отображено два блока со связными элементами: новости и услуги.

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

Для начала необходимо включить связные инфоблоки в параметрах компонента:


Переход в параметры инфоблока

Включение связных инфоблоков

Далее, необходимо установить количество связных информационных блоков. К каждому информационному блоку будет доступен ряд собственных настроек:

Настройки связных элементов

В настройках данных вы можете указать их область вывода: bottom — снизу и sidebar — в сайдбаре. Обязательно укажите тип информационного блока и сам информационный блок, с которым необходимо осуществить связь.

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

Изменить элемент


Установка связных элементов

Стоит отметить, что при этом создается двунаправленная связь между элементами информационных блоков. В нашем примере, при переходе в карточку товара телефона Samsung Galaxy S5, отобразится связные элемент из статей - Что купить для Samsung Galaxy S5 Plus.

Карточка товара со связным элементом

Но отображение этого элемента произойдет только в том случае если у компонента Каталог будут настроены связные элементы:

Переход в параметры компонента Каталог

Параметры компонента Каталог

Управляемые представления

Представление — сущность, которая отображает конкретный элемент на странице. Например, карточку товара:

ECOMMERCE.M2.V1

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

Таким образом вы можете разным списком элементов задавать свои настройки, настраивая внешний вид сайта под ваши потребности.

Изменять параметры управляемых представлений можно в следующих компонентах:

- Рекомендуемые товары;
- Список по маркерам;
- Каталог;
- Элементы раздела;
- Список элементов v2;
- Информационный раздел.

Рассмотрим настройку управляемого представления на примере компонента Элементы раздела.

Перейдем на страницу с новинками (http://fs.bxready.ru/newproduct/)

Страница с новинками


Перейдем в параметры компонента:

Переход в парамтеры компонента Элементы раздела

Выберем необходимое представление:

Выбор представления

И настроим дополнительные параметры представления следующим образом:

Детальная настройка представления

Результат данных настроек приведет к следующему отображению товаров на странице:

Результат настройки


Адаптивные списки

 Адаптивные списки;
 Где находятся настройки адаптивных списков?
 Где используются адаптивные списки?


Адаптивные списки и их возможности.

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

Адаптивные списки

Где находятся настройки адаптивных списков?

Адаптивные списки настраиваются в параметрах компонента.
В режиме правки достаточно навести на блок элементов и нажать на иконку "шестерёнка",
после чего появится список параметров, которыми можно управлять количеством отображаемых элементов на странице.

Бестселлеры.png


Где используется возможность адаптивных списков

Настройку адаптивных списков имеют следующие компоненты:
  • Каталог (bxready.market2:catalog)
Главная страница каталога

Каталог (главная).png

Параметры компонента

Главная каталога.png

Разделы и подразделы каталога

Раздел каталога (BXReady Classic).png

Чтобы включить поддержку адаптивных списков в категориях каталога, перейдите в параметры компонента "Каталог" и выберите параметр "Классика BXReady" в разделе "Система работы с представлениями в режиме плитка" 

Включение BXRClassic.png

Далее появятся настройки "BXRClassic:Настройка параметров списка элементов"

BXRClassic.png

Также данным компонентом настраиваются адаптивные списки блоков:
  • "Вы смотрели" и "персональные рекомендации", которые находятся в разделах каталога, а также на детальной странице элемента
Области в разделе каталога.png

За их настройку отвечает раздел "БСТ :Настройка параметров списка элементов"

БСТ настройка параметров списка элементов.png




  • Информационные разделы (bxready.market2:block)
В публичной части решения используются компоненты, которые поддерживают возможность адаптивных списков
Например: раздел новости, вакансии

Новости_2.png Вакансии (block).png

Параметры данных компонентов находятся в разделе "LISTPAGE:Настройка параметров списка элементов"

LISTPAGE (Новости).png


Также поддержку адаптивности списков имеют компоненты
  • Список элементов v2 (bxready2:block.list)
Например, в разделе "Сотрудники"

Сотрудкники (block.list).png
Параметры компонента находятся в разделе "Настройка параметров отображения списка"

Сотрудники (bxready2:block.list)_par.png




  • Список элементов v2 (bxready.market2:block.list)
Например, раздел "О Магазине" 

Наши услуги block.list.png
На главной странице блок "Статьи и Обзоры"

Блок статьи и обзоры.png

Настройки адаптивных списков находятся в параметрах компонента, раздел "Настройка параметров отображения списка"

Статьи и обзоры (params).png




На главной странице сайта

На главной странице возможность адаптивных списков поддерживается у компонентов:
  • Рекомендуемые товары (bxready.market2:catalog.bestsellers)
Мы подобрали для вас интересные предложения.png

  • Список по маркерам (bxready.market2:catalog.markers)
Отбор по маркерам.png


Настройки адаптивных списков находятся в параметрах компонента, раздел "LISTPAGE:Настройка параметров отображения списка"

Параметры компонента на главной.png
 

BXReady:Сlassic доступные представления

Представление -  сущность которая отвечает за конкретный элемент страницы(карточка товара).

 Представления типа Standart

  1 ECOMMERCE.M2.V1
Standart 1.png

Представления типа SMALL 

Доступно для компонента catalog.section(Новинки, Распродажа) .


1 ECOMMERCE.M2.SMALL.V1
Small 1.pngSmall 1 hover.png

Решение BXReady: Флагман позволяет легко изменять внешний вид карточек товара(сущности) и добавлять свои собственные.При этом любые модификации распространяются на все участки, где используется такая сущность.

Для того что бы изменить представления элементов в списке раздела необходимо зайти в параметры интересующего вас компонента 

1.png

  Настройки компонента каталог -> BXRClassic:Настройка коллекции элементов->Тип элементов



Настройка.png

Настройки компонента #Компонент в котором используются представления# -> LISTPAGE:Настройка коллекции элементов ->Тип элементов

2.png





BXReady:Сlassic типы маркеров

Маркеры - являются индикаторами  скидок, новинок, лидеров продаж и помогают пользователю найти выгодное(интересное) предложение.

Маркеры  отображаются в каталоге и в блоках списков товаров(Лидеры продаж,Вы смотрели, C этим товаров покупают и Персональные рекомендации) :

11.png

И в компоненте Список по маркерам:

10.png

В нашем решении есть возможность выбрать, как и в каком виде будут отображаться маркеры.

Всего имеется 4 варианта:

1 Круглые горизонтальные

2.png

2 Круглые вертикальные

3.png

3 Маленькие круглые вертикальные

4.png

4 Горизонтальные ленты

5.png


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

1)Каталог:


7.png

BXRClassic:Настройки управляемого представления->Тип маркеров

17.png

2)Блоки списков товаров(БСТ):

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

9.png

http://docs.kuznica74.ru/documentation/course/course22/lesson540/?LESSON_PATH=.540&clear_cache=Y - Здесь вы можете прочитать про настройку централизованного управления.

2.1)Настройка маркеров при централизованом управлении(БСТ):

БСТ :Настройка параметров списка элементов->Тип маркеров

15.png

2.2) Настройка маркеров при настройке отдельного блока:

#Имя блока# :Настройка параметров списка элементов->Тип маркеров

16.png

3)Список по маркерам:

6.png

LISTPAGE:Настройки управляемого представления ->Тип маркеров


Битрикс 17: настройки представлений (big,small,standart)

При переключении шаблона списка в каталоге на Битрикс 17 будет доступна стандартная настройка списков 1С-Битрикс:

Тип шаблона Битрикс 17

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

Для типа списков Big доступно два представления:

Типы элементов Big

ECOMMERCE.M2.V1

ECOMMERCE.M2.V1

- ECOMMERCE.M2.BIG.V1

ECOMMERCE.M2.BIG.V1

Для типа списков Small доступно одно представление:

Типы элементов Small

- ECOMMERCE.M2.SMALL.V1

ECOMMERCE.M2.SMALL

Для типа списков Standart доступно одно представление

Типы элементов Standart

- ECOMMERCE.M2.V1

ECOMMERCE.M2.V1

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

Блоки списков товаров

Блоки списков товаров (БСТ) -  блоки находящиеся под каталогом и отвечающие за показ дополнительных товаров, которые могут заинтересовать пользователя(Лидеры продаж, С этим товаром покупают,Вы смотрели).
1.png
В нашем решении вы можете легко настроить внешний данных блоков все сразу (централизованное управление) либо вы можете индивидуально настроить каждый блок.

Настройки централизованого управления БСТ :

Настройки каталога->Блоки списков товаров->Использовать единые настройки для всех блоков->Вкл/Выкл

14.png

При выключенной галочке вы увидите разделы для настройки отдельного блока:

2.png

Настройки БСТ

1) Настройка параметров списка элементов:количество элементов в зависимости от размера экрана(настройки адаптивности),  есть возможность добавить специальный css класс для элементов что может помочь в стилизации данных блоков.

5.png

2)Настройка коллекции элементов: настройка представления.
4.png

3)Настройки управляемого представления (Параметры зависят от выбранного представления).

Для представления типа Standart: атрибуты(Маркеры,Рейтинг, Таймер акции,Артикул) , размер изображения.

6.png

Для представления типа BIG: атрибуты(Маркеры,Описание, Таймер акции, Артикул) , размер изображения.

7.png

Рекламные возможности

Готовые рекламные площадки

Наше решение уже включает в себя 6 готовых рекламных площадок.

04 v2.jpg

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

Мастер настройки рекламных площадок становится доступен сразу при загрузке решения BXReady: Флагман.

2017-11-08_14-37-56.jpg

Запустите установку и следуйте инструкциям в окне мастера установки.

56.png57.png

После завершения установки на сайте должны появиться все 6 рекламных площадок.

3.jpg

P.S. Как загружать картинки для баннеров, настраивать ссылки, таргетинг и т.д., вы можете узнать из документации битрикс в разделе "Реклама, баннеры".

Установка и настройка рекламных площадок. (Для редакции "Малый бизнес")

*Обратите внимание, на редакции "Бизнес" баннеры управляются стандартным модулем Битрикс.
   
Баннерная реклама в решении BXReady: Флагман на редакции Битрикс "Малый бизнес" реализована при помощи решения нашего решения “Баннеры и реклама Про”, дополнительно адаптированного для работы с подготовленными в решении рекламными площадками.

04 v2.jpg

Установка:
ВНИМАНИЕ: Данный курс рассчитан на использование решения “Баннеры и реклама Про” строго в рамках решения BXReady: Флагман.
Для начала установки, необходимо запустить мастер установки “Настройка рекламных площадок BXReady: Флагман” из списка.
В административной панели перейдите в  НАСТРОЙКИ -> СПИСОК МАСТЕРОВ:
2017-11-08_14-37-56.jpg

Следуя инструкциям на экране мастера, завершите установку. После этого, модуль будет готов к использованию.

2. Настройка баннерных площадок.

Мастер установки создаст готовые демо-площадки и баннеры в решении, их можно увидеть в административной части, в меню Сервисы, выберите пункт "Баннеры и реклама Pro -> Список площадок":

2017-11-08_15-21-35.jpg

Данный список предназначен для использования всех возможных баннерных “мест” в решении. Также мастер установки делает их все активными и после завершения его работы, уже можно увидеть баннеры на сайте.

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

2017-11-08_15-33-57.jpg
2017-11-08_15-35-08.jpg

Таким образом, добавленные площадки готовы к работе с баннерами.

Настройка баннеров (для редакции "Малый бизнес")

*Обратите внимание, на редакции "Бизнес" баннеры управляются стандартным модулем Битрикс.

В меню Сервисы, выберите пункт "Баннеры и реклама Pro -> Список баннеров" доступны настройки баннеров:

2017-11-08_15-47-12.jpg

По умолчанию, список баннеров заполнен демо-данными. Здесь можно деактивировать, удалить или изменить стандартные баннеры (например, заполнить своим контентом), а также создать дополнительные, помимо существующих.

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

1.png

Описание полей баннера:

Название поля Описание
Закладка "Баннер"
Активен Флаг активности. Неактивные баннеры не отображаются на сайте.
Сайты Список всех сайтов системы, на которых может быть показан баннер. Обязательно должен быть отмечен хотя бы один сайт.
Интервал показа Интервал времени, в течении которого баннер будет показан на сайте.
Название баннера Название Вашего баннера. Поле обязательно для заполнения.
Приоритет Если на одной рекламной площадке несколько баннеров, то баннеры с большим приоритетом будут показываться чаще. (Например, баннер с приоритетом 200 будет показываться в 2 раза чаще, чем баннер с приоритетом 100)
Рекламная площадка Рекламная площадка, на которой будет показываться баннер. Выбирается из списка уже созданных площадок сайта. Баннер должен быть обязательно привязан к рекламной площадке
Показывать баннер как Тип баннера: изображение, флеш, или HTML(возможен обычный текст). По-умолчанию изображение.
Файл Файл баннера(если выбран тип баннера "Изображение" или "Flash"). Поле для загрузки картинки баннера или флеш-ролика.
Прозрачность(только для типа "Flash") Тип прозрачности flash-объекта.
Использовать заглушку, если отключен flash (только для типа "Flash") Если невозможно отобразить flash, будет показано изображение, загруженное в поле "Заглушка"
Заглушка (только для типа "Flash", при установленной опции "Использовать заглушку") Изображение, которое будет показано при невозможности отобразить flash
Перекрыть баннер ссылкой(только для типа "Flash") Баннер будет перекрываться ссылкой, указанной в поле "URL(ссылка) баннера".
Ссылка баннера(атрибут href) При клике по баннеру будет осуществляться переход на указанный адрес (относительный или абсолютный). Для flash-баннеров необходима отмеченная опция "Перекрыть баннер ссылкой"
Добавлять атрибут rel='nofollow' к ссылке Запрет перехода поисковых роботов по ссылке баннера
Где открыть страницу при переходе по ссылке(атрибут "target", доступен только для типов "Flash" и "Изображение") Аттрибут "target" для ссылки, по которой происходит переход при клике по баннеру.
Всплывающий текст (атрибут "title", доступен только для типов "Flash" и "Изображение") Аттрибут "title". Всплывающий текст при наведении мыши на баннер. Также это значение подставляется в атрибут "alt".
Закладка "Таргетинг"
Где показывать Разделы и страницы сайта, на которых баннер будет показан(относительные пути). Каждый путь в новой строке. Если не заполнено - баннер будет показан на всех разделах и страницах сайта(кроме указанных в поле "Где НЕ показывать"). Можно указывать маски с помощью символа '*', например /news/*/photo/
Где НЕ показывать Разделы и страницы сайта, на которых баннер НЕ будет показан(только относительные пути). Каждый путь в новой строке. Если не заполнено - нет ограничений на показ баннера. Можно указывать маски с помощью символа '*', например /news/*/photo/
Обязательные ключевые слова Подробнее см. в разделе управление таргетингом с помощью ключевых слов
Желательные ключевые слова Подробнее см. в разделе управление таргетингом с помощью ключевых слов
Можно указать поддомены 3го уровня для таргетинга баннера по поддоменам.
Закладка "Статистика"
Фиксировать количество показов Вести учет показов текущего баннера по дням
Фиксировать количество переходов Вести учет кликов по текущему баннеру по дням (работает только при включенной опции "Редирект при клике")
Редирект при клике При клике по баннеру переход по ссылке в поле URL происходит через специальный скрипт (при этом сам URL не виден пользователям)
Фиксировать только уникальные При установленном значении клики будут учитываться один раз в пределах сессииcookie(см. описание "Определять уникальность по")
Определять уникальность по Доступно только при установленной опции "фиксировать только уникальные". 
Значение "сессии" позволяет учитывать показы и клики по баннеру только один раз в пределах одной сессии пользователя. 
Значение "cookie" позволяет учитывать показы и клики по баннеру только один раз в течение времени жизни cookie. 
Время жизни cookie (в секундах) Доступно только при установленной опции "Определять уникальность по" в значение "cookie". 
Количество секунд (с момента первой фиксации показаклика по текущему баннеру), в течение которых не будет повторной фиксации показовкликов по текущему баннеру.

В случае выбора типа баннера "HTML", Вы можете ввести код баннера тремя способами: 
- Как обычный текст (при этом все html тэги будут проигнорированы) 
- Как HTML-код 
- Используя визуальный редактор 

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

В поле "Рекламная площадка" выберите нужную рекламную площадку.

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

Начиная с версии 1.2.2 модуля, появилась возможность показа на одной площадке одновременно несколько баннеров. Для этого в поле "Режим показа" нужно выбрать "Несколько баннеров на площадке" и указать максимально возможное количество баннеров на ней.

Также доступны 2 шаблона - вертикальный и горизонтальный (для режима показа нескольких баннеров).

2017-11-08_16-07-52.jpg

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

При создании нескольких баннеров, привязанных к одной рекламной площадке, они будет показаны в очередности, зависящей от значения поля "Приоритет" баннеров. При одинаковых приоритетах и количестве показов баннеры будут показаны по-очереди.

Таргетинг

Для управления таргетингом по разделам и страницам:

перейдите к списку баннеров ("Сервисы->Баннеры и реклама Pro->Список баннеров") и кликните по названию нужного баннера. Откроется форма его редактирования.

Далее нужно открыть вторую вкладку -"Таргетинг":

В полях "Где показывать" и "Где НЕ показывать" необходимо перечислить те разделы или страницы сайта, в которых вы хотите показать или скрыть данный баннер. Каждый раздел и страница в новой строке.  

Можно воспользоваться символом '*' для указания пути с помощью маски, например '/news/*/photo/' - в данном случае баннер будет показан\не показан при любом из следущих путей:  

/news/123/photo/  

/news/a/b/c/d/e/photo/  

и т.д.  

Управление показом баннеров с помощью ключевых слов позволяет, например

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

  • ограничить показ баннеров на страницах сайта, например, исходя из того, насколько содержание рекламы связано с информацией, представленной на странице.

  • организовать показ уникальной рекламы на каждом поддомене при мультидоменности

Данный метод управления фоновой рекламой включает настройку следующих видов ключевых слов:

  • ключевые слова баннера;

  • ключевые слова страниц сайта:

Для управления таргетингом с помощью ключевых слов:

  1. перейдите к списку баннеров ("Сервисы->Баннеры и реклама Pro->Список баннеров") и кликните по названию нужного баннера. Откроется форма его редактирования. Далее нужно открыть вторую вкладку -"Таргетинг":

Через запятую необходимо перечислить желательные и\или обязательные ключевые слова.

  • желательные (desired): если для страницы сайта заданы желательные ключевые слова, то для показа на данной странице будут доступны все баннеры, в наборе ключевых слов которых содержится хотя бы одно желательное ключевое слово страницы.  

  • Если такие баннеры не найдены, то на странице будут показаны баннеры, для которых ключевые слова не заданы. Отбор и показ данных баннеров осуществляется на основе стандартного алгоритма решения.

  • обязательные (required): если для страницы сайта заданы обязательные ключевые слова, то для показа на данной странице будут доступны все баннеры, в наборе ключевых слов которых содержаться все обязательные ключевые слова страницы.  

  • Если такие баннеры не найдены, то на странице будут показаны баннеры, для которых ключевые слова не заданы. Отбор и показ данных баннеров осуществляется на основе стандартного алгоритма решения.

2. Для необходимых страниц (или например в файле header.php) задать желательные и\или обязательные ключевые слова с помощью специальных API методов:

CKuznica_rklite::SetPageDesiredKeywords($string);


CKuznica_rklite::SetPageRequiredKeywords($string)     

В случае наличия поддомена 3го уровня его значение будет установлено автоматически как желательное ключевое слово. Это позволит без навыков программирования сразу создавать баннеры, уникальные для каждого поддомена 3го уровня (для этого достаточно в поле "желательные ключевые слова" баннера указать название необходимого поддомена 3го уровня). Данный функционал можно отключить в настройках модуля "Баннеры и реклама Pro"


Фоновая реклама

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

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

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

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

Пример использования фоновой рекламы:
4.png

В данном уроке мы разберем основы фоновой рекламы , а именно создание и настройку баннера.

Для получения более детальной  информации рекомендуем ознакомиться с отдельной документацией по данному модулю.


Для показа фоновой рекламы на сайте нужно создать баннер (баннеров может быть неограниченное количество):

В административной части, в меню Сервисы, выберите пункт "Фоновая реклама -> Список баннеров":  
  1. В административной части, в меню Сервисы, выберите пункт "Фоновая реклама -> Список баннеров":  

  2. Нажмите кнопку "Добавить баннер". Откроется форма редактирования баннера (подробнее о полях баннера): 2.png
  1. Введем название и привязку к сайту.
  2. Поле "ID элемента" создано для того чтобы привязать баннер к любому удобному для вас тегу. Пустое Поле привяжет фон к body3.png
  3. Вам так же необходимо загрузить картинку и настроить её отображение
  4. Указать ссылку для баннера


  5. При  клике по любой видимой части фона произойдет переход по указанной ссылке .


Информацию о том, как установить модуль фоновой рекламы, можете посмотреть в документации по модулю.

SEO

Базовый robots.txt для вашего проекта

Robots.txt - файл, содержащий правила (рекомендации) по индексированию сайта для роботов поисковых систем.

При запуске сайта, особенно в случае проведения каких-либо технических работ (например, разработке seo-фильтра, подключении дополнительных модулей и прочего функционала) мы рекомендуем закрыть его от индексации, оставив в индексе только главную страницу. Сделать это можно, прописав в robots.txt следующие правила:

User-Agent: Yandex
Disallow: /
Allow: /$

User-Agent: *
Disallow: /
Allow: /$

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

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

User-Agent: Yandex
Disallow: /bitrix/
Disallow: /auth/
Disallow: /personal/
Disallow: /upload/
Disallow: /*show_include_exec_time=
Disallow: /*show_page_exec_time=
Disallow: /*show_sql_stat=
Disallow: /*bitrix_include_areas=
Disallow: /*clear_cache=
Disallow: /*clear_cache_session=
Disallow: /*ADD_TO_COMPARE_LIST
Disallow: /*ORDER_BY
Disallow: /*?print=
Disallow: /*&print=
Disallow: /*print_course=
Disallow: /*?action=
Disallow: /*&action=
Disallow: /*register=
Disallow: /*forgot_password=
Disallow: /*change_password=
Disallow: /*login=
Disallow: /*logout=
Disallow: /*auth=
Disallow: /*backurl=
Disallow: /*back_url=
Disallow: /*BACKURL=
Disallow: /*BACK_URL=
Disallow: /*back_url_admin=
Disallow: /*?utm_source=
Disallow: /*/filter/
Disallow: /*sort=
Disallow: /*order=
Disallow: /*view=
Disallow: /*num=
Disallow: /*q=
Disallow: /*M_ID=
Disallow: /*/price
Disallow: /*/clear/
Allow: /bitrix/components/
Allow: /bitrix/cache/
Allow: /bitrix/js/
Allow: /bitrix/templates/
Allow: /bitrix/panel/
Allow: /upload/*.png
Allow: /upload/*.jpg
Allow: /upload/*.jpeg
Allow: /upload/*.gif
Host: site.ru

User-Agent: *
Disallow: /bitrix/
Disallow: /auth/
Disallow: /personal/
Disallow: /upload/
Disallow: /*show_include_exec_time=
Disallow: /*show_page_exec_time=
Disallow: /*show_sql_stat=
Disallow: /*bitrix_include_areas=
Disallow: /*clear_cache=
Disallow: /*clear_cache_session=
Disallow: /*ADD_TO_COMPARE_LIST
Disallow: /*ORDER_BY
Disallow: /*?print=
Disallow: /*&print=
Disallow: /*print_course=
Disallow: /*?action=
Disallow: /*&action=
Disallow: /*register=
Disallow: /*forgot_password=
Disallow: /*change_password=
Disallow: /*login=
Disallow: /*logout=
Disallow: /*auth=
Disallow: /*backurl=
Disallow: /*back_url=
Disallow: /*BACKURL=
Disallow: /*BACK_URL=
Disallow: /*back_url_admin=
Disallow: /*?utm_source=
Disallow: /*/filter/
Disallow: /*sort=
Disallow: /*order=
Disallow: /*view=
Disallow: /*num=
Disallow: /*q=
Disallow: /*M_ID=
Disallow: /*/price
Disallow: /*/clear/
Allow: /bitrix/components/
Allow: /bitrix/cache/
Allow: /bitrix/js/
Allow: /bitrix/templates/
Allow: /bitrix/panel/
Allow: /upload/*.png
Allow: /upload/*.jpg
Allow: /upload/*.jpeg
Allow: /upload/*.gif
Sitemap: http://site.ru/sitemap.xml

Обратите внимание на следующие моменты:

  • Директива "Host" используется только вместе с директивой "User-Agent: Yandex". В своем проекте вам нужно прописать вместо записи "site.ru" наименование своего сайта. Если ваш сайт работает по протоколу http - допустима запись "Host: site.ru" Если ваш сайт работает по протоколу https - это нужно указать "Host: https://site.ru".
  • Данный перечень правил не является исчерпывающим, вы в любой момент можете его корректировать исходя из задач и особенностей своего проекта.

Важно!!!

При осуществлении перехода на решение BXReady: Флагман нужно обязательно проверить какое ЧПУ используется на текущем (действующем) сайте. Также с текущего (действующего) сайта на новый нужно перенести файлы robots.txt и sitemap.xml

Какое ЧПУ по-умолчанию используется в решении BXReady: Флагман описано здесь.

Генерация sitemap.xml

Для создания sitemap.xml перейдите в административную часть сайта, далее Маркетинг / Поисковая оптимизация / Настройки sitemap.xml

Нажмите на кнопку "Добавить" и выберите ваш сайт.

Итак, мы добрались до самих настроек. И пару слов о том, что должен содержать файл sitemap.xml:

  • главную страницу;
  • каталог;
  • новости, статьи, акции;
  • бренды;
  • услуги;
  • портфолио (проекты);
  • информацию для клиентов (условия оплаты, доставки, гарантии);
  • контакты (информация о филиалах).

Служебные разделы (страницы авторизации, личный кабинет, корзина), страницы скриптов, страницы поиска по сайту, файлы pdf в файле sitemap.xml присутствовать не должны!!! Только контент, который должен индексироваться.

Вкладка "Настройки"

На что здесь нужно обратить внимание:

  • Адрес карты сайта. Здесь нужно указать протокол, по которому работает ваш сайт, http:// или https://
  • Галочка "Добавить правило в robots.txt после генерации". Если вы установите данную галочку в файл robots.txt автоматически добавиться директива - "Sitemap: https://site.ru/sitemap.xml"

Вкладка "Файлы"

Оставляем настройку "Использовать: Логическую структуру сайта", выставленную по-умолчанию. И помня о том, что должно быть в файле sitemap.xml снимаем лишние галочки.

Вкладка "Инфоблоки"

Здесь опять же (как и на вкладке "Файлы") нужно установить галочки напротив разделов (инфоблоков), которые должны попасть в наш файлик sitemap.xml.

Подробнее про опции:

  • Автогенерация - если галочка поставлена, то файл sitemap.xml будет автоматически обновляться при добавлении, обновлении или удалении с сайта товаров и разделов (при этом в файле robots.txt должна быть разрешена их индексация).
  • Список - если галочка поставлена, в файл sitemap.xml будет добавляться индексная страница инфоблока (раздела).
  • Секции - если галочка поставлена, в файл sitemap.xml будут добавляться страницы подразделов инфоблока.
  • Элементы - если галочка поставлена, в файл sitemap.xml будут добавляться страницы элементов (товаров, услуг) инфоблока.

На этом все. Нажимаем кнопку "Сохранить и запустить".

Файл sitemap.xml должен быть доступен по адресу http://site.ru/sitemap.xml (site.ru меняем на домен своего сайта, также учитываем протокол).

Микроразметка schema.org

Ежедневно тысячи роботов поисковых систем трудятся, чтобы отразить какую-то страницу вашего сайта в результатах поиска. И, наверное, вы замечали, что сниппеты отдельных сайтов выделяются на фоне других повышенной иноформативностью. Это достигается благодаря использованию микроразметки, структурирующей представленную на сайте информацию и облегчающей поисковым системам извлечение и обработку этой информации для её удобного представления в результатах поиска. Одним из наиболее популярных стандартов семантической разметки данных в сети на сегодняшний день является микроразметка schema.org.

Примеры сниппетов формируемых с учетом наличия/отсутствия на сайте семантической разметки:

Снипеты выдачи поисковых систем

В решении BXReady: Флагман микроразметка schema.org используется для разметки:


Хлебных крошек

schema.org хлебные крошки

Товаров / Торговых предложений

schema.org карточка товара

1. Наименование товара

schema.org наименование товара

2. Рейтинг товара

schema.org рейтинг товара

3. Описание товара

schema.org описание товара

4. Цена товара

schema.org цена товара

5. Наличие товара

schema.org наличие товара

Контактных данных

schema.org контактные данные

Фиксированное ЧПУ для карточек товара

В решении BXReady: Флагман для карточек товара по-умолчанию заданы фиксированные урлы, формируемые по правилу:

#SITE_DIR#/product/#ELEMENT_CODE#/

Пример - http://fs.bxready.ru/product/apple-iphone-6-64gb/

Текущее правило формирования ЧПУ:



Таким образом, с какого бы раздела не осуществлялся переход на искомый товар, например:

Переход будет осуществлен по одной и то же ссылке - http://fs.bxready.ru/product/apple-iphone-6-64gb/

Преимущества данного решения:

  • Исключается дублирование контента.
  • Отпадает необходимость задавать канонические урлы (альтернативный вариант борьбы с дублированием контента, который зачастую вызывает ряд сложностей у пользователей, впервые столкнувшихся с данной задачей).
  • Мы даем поисковым системам четкий сигнал о том, какие страницы (карточки товара) должны индексироваться и ранжироваться.
  • Внутренний вес сосредотачивается на одной карточке товара.
  • Кроме того, если вы одновременно используете Я.Маркет, Я.Директ, Google Merchant Center, размещаете ссылки с статьях на вашу продукцию - у вас не возникнет путаницы с тем, какие адреса карточек товара нужно указать.

Однако, если по каким-либо причинам данный вариант формирования ЧПУ вас не устраивает, вы всегда можете выставить традиционные для Битрикс настройки.

Данный момент опять же разберем на примере карточки - http://fs.bxready.ru/product/apple-iphone-6-64gb/

2 варианта изменения правила формирования ЧПУ


1. Привязка к родительскому разделу

#SITE_DIR#/catalog/#SECTION_CODE#/#ELEMENT_CODE#/
  • SECTION_CODE – символьный код родительского раздела для товара
  • ELEMENT_CODE - символьный код товара


При таких настройках ЧПУ нашей карточки будет иметь вид:

  • http://fs.bxready.ru/catalog/elektronika/apple-iphone-6-64gb/
  • http://fs.bxready.ru/catalog/telefony-i-aksessuary/apple-iphone-6-64gb/
  • http://fs.bxready.ru/catalog/smartfony/apple-iphone-6-64gb/

2. Вывод полного пути до корневого раздела «catalog»

#SITE_DIR#/catalog/#SECTION_CODE_PATH#/#ELEMENT_CODE#/
  • SECTION_CODE_PATH – символьный код всех разделов/подразделов вплоть до корневого раздела «catalog»
  • ELEMENT_CODE - символьный код товара


При таких настройках ЧПУ нашей карточки будет иметь вид:

  • http://fs.bxready.ru/catalog/elektronika/apple-iphone-6-64gb/
  • http://fs.bxready.ru/catalog/elektronika/telefony-i-aksessuary/apple-iphone-6-64gb/
  • http://fs.bxready.ru/catalog/elektronika/telefony-i-aksessuary/smartfony/apple-iphone-6-64gb/

Если вы решили использовать один из данных вариантов, вам нужно:

1. Изменить правила формирования ЧПУ в настройках инфоблока «Каталог».

Для этого перейдите по пути «Контент / Инфоблоки / Типы инфоблоков / Каталог» на вкладку «Инфоблок» и внесите изменения в поля (в соответствии с описанными выше правилами):

  • URL страницы раздела;
  • URL страницы детального просмотра.

2. Проверить настройки компонента bxready.market2:catalog (Каталог) в публичной части сайта, при необходимости внести соответствующие корректировки.

Для этого:

  • Перейдите в любой раздел / подраздел каталога;
  • Активируйте режим правки;
  • Перейдите в настройки компонента bxready.market2:catalog, нажав на шестеренку;
  • В открывшемся окне перейдите к настройкам раздела «Управление адресами страниц»;
  • Удостоверьтесь, что значения полей «Раздел» и «Детальная информация» соответствуют значениям, заданным в настройках инфоблока «Каталог», в полях «URL страницы раздела» и «URL страницы детального просмотра» соответственно (если это не так, установите правильные значения).


3. Произвести переиндексацию поиска на сайте, для того чтобы во всех разделах вашего сайта ссылки на товары со старым ЧПУ изменились на новые.

Как это сделать, вы можете прочитать в документации Битрикс.

4. Также желательно проставить 301 редиректы со старых страниц на новые.

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

Управление текстом в разделах сайта

Чтобы добавить SEO-текст к разделу каталога вам нужно.
В публичной части откройте настройки компонента каталога

Вам нужно найти раздел "Настройки списка" и отметить галочкой параметр "Показывать SEO-текст раздела".

1

Затем нужно добавить seo-текст в описание раздела.

2.png

Сначала идёт обычное описание раздела, затем нужно прописать разделитель #STEXT#, после него напишите ваш seo-текст.

Также, некоторые компоненты поддерживают специальную включаемую область для SEO текста. Для редактирования текста, в такой ситуации, необходимо выбрать соответствующий пункт в режиме правки.

3

Далее, в появившемся окне можно добавить или изменить данный текст.

4

Данная область называется sect_bxr_index и используется для страниц разделов.

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

После сохранения данной области, равно как и после изменения в разделе, SEO текст будет отображаться в соответствующей области внизу раздела

5


Региональность

Настройка и добавление регионов

Настройка и добавление регионов осуществляется в служебном информационном блоке, Контент → Служебные → Регионы:

001.jpg

Добавление региона:

002.jpg 003.jpg


Название - используется для вывода в публичной части сайта, и для строки поиска по регионам;

Символьный код - используется для служебных целей и разделения контента включаемых областей (настройка регионо-зависимых включаемых областей);

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

По умолчанию - установка данного региона в случае если регион пользователя не был определён, или если регион пользователя у вас не добавлен. Данное свойство проставляется только у одного региона;

Показывать в форме - свойство отвечает за вывод региона или его скрытие в поисковую строку по регионам;

Область, округ, город - свойства используемые для автоопределения региона; Для заполнения можно использовать IpGeoBase.ru (данный сервис используется для поиска географического местонахождения IP-адреса)

Yandex.код региона - в данный момент свойство подготовлено для будущего использования, и не требует заполнения (https://tech.yandex.ru/xml/doc/dg/reference/regions-docpage/);

Группы пользователей - используется для настройки зависимости цен и контента от региона (настройка зависимости цен от региона);

Склады - используется для учёта остатков (настройка складов для регионов);

Местоположение - настройка местоположения используется для автоподстановки местоположения при оформлении заказа;

Название в предложном падеже - одно из подготовленных свойств для SEO-тегов (настройка seo-тегов для регионов);

Региональный экспорт данных в Яндекс. Маркет

Внимание: данный функционал доступен с версии 1.0.14

С общими сведениями по экспорту данных можно ознакомится в документации Битрикс https://dev.1c-bitrix.ru/learning/course/?COURSE_ID=42&LESSON_ID=5226

Для настройки экспорта данных по регионам, следует добавить профиль "Yandex BXR Region":

2.jpg


В настройках профиля помимо основных настроек(стандартные настройки Yandex профиля), стоит учесть региональные настройки:

4.jpg

1. Детальные настройки, где следует настроить региональные цены.
2. Настройка регионов для экспорта - нужно выбрать ИБ региона, а так же выделить нужные регионы для экспорта.
3. Настройки выгружаемого файла - файл должен содержать маску #BXR_REGION# (при выгрузке заменится на код региона)

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

6.jpg

После всех настроек можно запускать экспорт.

Контроль остатков товаров в зависимости от региона

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

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

Для работы функционала, нужно включить региональность на сайте (настройка сайта для работы с региональностью), а также активировать пункт "Включить зависимость остатков от региона", при этом на сайте должен быть включен функционал складского учёта.

012.jpg


Дальше для каждого региона необходимо проставить id склада для подсчёта остатков по ним (остатки у регионов без заполненных складов будут нулевыми)

022.jpg

Настройка вывода товара/контента в зависимости от региона

Для уникализации регионального контента можно создать свой контент для каждого региона.

В решении BXReady: Флагман для выполнения этой задачи используются 2 метода:

1. Использование служебного свойства BXR_REGION в нужном информационном блоке (данный метод позволяет манипулировать только элементами).
2. Использовать разграничения контента путём редактирования прав пользователей к определённым информационным блокам (данный метод позволяет манипулировать как разделами так и элементами.)

Использование служебного свойства BXR_REGION:

Для работы данного метода должна быть настроена региональность на сайте: включена региональность, и включены пункты "Регионо-зависимый контент" или "Включить зависимость товаров от региона".

009.jpg

008.jpg

Первая настройка относится к элементам выводимыми компонентами bxready.market2:block.list и bxready.market2:block. С помощью неё можно настроить уникальный контент для таких информационных блоков как: "Акции", "Новости", "Статьи", "Услуги" и т.д.

Вторая настройка относится ко всем компонентам, которые выводят товары.


Сама фильтрация происходит по свойству BXR_REGION, которое нужно завести в информационном блоке в котором необходима уникализация контента.
Для добавления свойства перейдите в административную часть сайта, перейдите в КонтентИнфоблокиТипы инфоблоков → выберите нужный тип инфоблока → выберите нужный информормационный блок

На вкладке «Свойства» выберете пустое поле. Если у вас его нет, нажмите на кнопку «еще». Заполните форму следующего вида:

031.jpg

  • Название (1): название свойства - например, "Регион";
  • Тип (2): тип значения свойства - "Привязка к элементам";
  • Акт. (3): актуальность свойства;
  • Множ. (4): множественное свойство - свойство должно быть множественным;
  • Код (5): код свойства - BXR_REGION.
После добавления свойство его можно заполнить у нужных элементов, выбрать у товаров/контента регион в котором следует показывать данный товар/контент. Если у товара/контента свойство не заполнено то товар/контент будут выводится во всех регионах.

Настройка разных цен в зависимости от региона

Для настройки разных цен для товара в зависимости от региона, в решении BXReady: Флагман используются 2 метода:

1. Настройки типов цен(многоценовость) для конкретных групп пользователей (данный метод работает в редакции Битрикс "Бизнес", так как на данный момент многоценовость доступна только в ней.)
2. Добавление скидки на товар для определённых групп пользователей

Настройка типов цен для конкретных групп пользователей:

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

011.jpg

Создаются разные группы пользователей (Битрикс создание групп пользователей) c минимальными правами.

Для каждого типа цен устанавливается зависимость (права на просмотр и права на покупку). Учебный курс Битрикс - типы цен.

Для регионов задаются соответствия с группами пользователей.

023.jpg

Настройка скидки на товар для определённых групп пользователей:

{Документация готовится}

Настройка региональных seo-тегов и описания для элементов

Часто возникает потребность уникализировать описание для элементов и задать уникальные seo-теги для конкретных регионов.

Данная задача решается несколькими способами:
1. Создать свой контент для каждого региона (настройка товаров для регионовнастройка контента для регионоврегионо-зависимые включаемые области);
2. Придать уникальность с помощью специальных региональных свойств, заданных у информационного блока "Регионы".

В данном уроке поговорим о втором способе.

Уникальность с помощью специальных региональных свойств:


Для работы функционала достаточно включить региональность для сайта - настройка сайта для работы с региональностью

0111.jpg

При установке демо-сайта сразу доступны 2 таких свойства для использования (#BXR_NAME# и  #BXR_SEO_PRED_NAME#)
#BXR_NAME# - берётся из названия региона;
#BXR_SEO_PRED_NAME# - берётся из свойства "Название в предложном падеже";

Добавление собственных региональных свойств:

В административной части сайта перейдите в Контент →  Инфоблоки →  Типы инфоблоков →  Служебные → Регионы.

На вкладке «Свойства» выберете пустое поле. Если у вас его нет, нажмите на кнопку «еще». Заполните форму следующего вида:

027.jpg
  • Название (1): название свойства - например, "Особые условия";
  • Тип (2): тип значения свойства - строка, число, дата и т.д. Если вы хотите настроить свойство для замены текста или медиаконтента, выберете тип строка;
  • Акт. (3): актуальность свойства;
  • Код (4): код свойства.
Внимание! Код свойства должен быть написан заглавными английскими буквами и начинаться со слов BXR_SEO_ (через нижнее подчеркивание).

Например, для разных доставок - BXR_SEO_DOSTAVKA
Для разного времени работы магазина - BXR_SEO_WORKTIME
Для разных промо-материалов в описании товара - BXR_SEO_PROMO


Использования региональных свойств для SEO-тегов:

Использование seo-тегов идёт стандартным образом, для ознакомления стоит воспользоваться уроком из учебного курса Битрикс (Настройка SEO информации). А для работы региональных свойств достаточно добавить их в нужное вам место
Для демонстрации, мы для всего раздела "Смартфоны" задали следующие настройки:

028.jpg


Использования региональных свойств для детального описания и анонса:

Для демонстрации в товар "Apple iPhone 6 64GB" добавим след. анонс "Регион продажи в #BXR_SEO_PRED_NAME#". Обратите внимание что если у региона не заполнено свойство, то маска будет просто удалена, но текст "Регион продажи в" останется. В данном случае правильнее было бы добавление и использование собственного свойства в котором будет задана вся региональная информация.

029.jpg


Результатом добавления региональных свойств в seo-теги и в анонс:

030.jpg

Настройка сайта для работы с региональностью

Для включения работы сайта в режиме региональности необходимо перейти в административную часть сайта > Сервисы (1) > BXReady: Интернет магазин 2.0 (2) > Настройка региональности (3) > Выбрать сайт для которого необходимо настроить региональность (4) > Поставить галочку "Включить региональность" (5)

006.jpg

После включения региональности станут доступны расширенные настройки региональности:

007.jpg

Включить зависимость товаров от региона
Данная настройка позволяет фильтровать товары первым способом (на основе служебного свойства BxReady) - настройка товаров для регионов

Регионо-зависимый контент
Данная настройка позволяет фильтровать контент первым способом (на основе служебного свойства BxReady) - настройка контента для регионов

Регионо-зависимые включаемые области
Данная настройка позволяет использовать регионо-зависимые включаемые области

Включить зависимость цен от региона
Данная настройка позволяет устанавливать разные цены на товар

Включить зависимость остатков от региона
Данная настройка позволяет выводить разные остатки для товаров в зависимости от привязанных складов к региону - настройка остатков по регионам

Автоподстановка местоположений при оформлении заказа

Данный функционал позволяет при оформлении заказа установить пользователю местоположение (выбранного региона) автоматически.

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

Для работы функционала достаточно включить региональность для сайта - настройка сайта для работы с региональностью

0111.jpg


Заполнить Местоположение у региона нужным id местоположения - настройка и добавление регионов

021.jpg


id нужного местоположения можно посмотреть в административной части сайта: Магазин > Настройки > Местоположения > Список местоположений > найти нужное местоположение (учебный курс Битрикс - Местоположения)

020.jpg


Результатом работы будет автоматическая установка местоположения выбранного региона

0250.jpg

Настройка компонента "Выбор региона" (bxready.market2:region.selector)

017.jpg


Для настройки компонента переходим в публичную часть сайта > Включаем режим правки (1) > Выбираем регион (2) > Настройка (3) > Выбор региона (bxready.market2:region.selector) (4) > Редактирование параметров компонента (5)

016.jpg


Настройки компонента:

018.jpg

Количество отображаемых городов
Свойство отвечает за количество отображаемых городов (если количество доступных регионов превышает данное значение, то доступ осуществляется только через поиск)

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

Режим работы
Выпадающий список + всплывающее окно - регионы представлены выпадающий список, с доп. элементом "Все города"
Всплывающее окно - при нажатии на регион сразу появляется всплывающая форма

После какого количества городов выводить ссылку на всплывающую форму (свойство доступно только для режима работы - "выпадающий список + всплывающее окно")
Выводит дополнительный элемент "Все города" в выпадающий список регионов (при условии превышающего значения количества регионов к свойству "после какого количества городов выводить ссылку на всплывающую форму")

Выводить поиск по регионам
Вкл. - показывает форму поиска во всплывающем окне регионов
Выкл. - скрывает форму поиска во всплывающем окне регионов

Доп. текст для региональности
Текст выводится во всплывающем окне регионов

004.jpg

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

Доп. текст для уточняющего окна (выводится только при включенном параметре "Уточнить у пользователя правильность определения региона")
Текст выводится во всплывающем окне уточняющего правильность определения региона

019.jpg

Настройка регионо-зависимых включаемых областей

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

Для того чтобы компонент работал с регионами, для сайта должна быть подключена региональность и включена настройка "Регионо-зависимые включаемые области" - настройка сайта для работы с региональностью

009.jpg

Особенностью является то, что помимо обычного файла будет искаться файл с префиксом региона.

Например: если стандартный компонент подключал файл phone.php то он проверит на доступность и файл выбранного региона - phone_#СИМВОЛЬНЫЙ_КОД_РЕГИОНА#.php и подключит его.
В случае если отдельный файл для региона создан не был, то будет подключен общий файл для всех регионов.

Рассмотрим пример работы регионо-зависимых включаемых областей на примере демо-сайта:


Для примера настроим разные телефоны в шапке сайта, будем использовать следующую область

014.jpg


013.jpg

 Выше представлен скриншот компонента, в котором мы видим, что телефон подключается из файла - include/phone_list.php


Для региона "Москва" (с символьным кодом moskva) добавим и скорректируем файл phone_list_moskva.php

015.jpg


После добавления файла, для региона "Москва", подключается файл phone_list_moskva.php для других регионов include/phone.php
Результат до и после добавления файла:

026.jpg

Автоопределение региона

Внимание! Для автоопределения региона необходим cURL

Настройка cURL осуществляется на стороне хостинга и чаще всего данная служебная программа включена по умолчанию.
Без cURL автоматически будет выбираться регион по умолчанию.

Если cURL не настроен у вас на хостинге, то при настройке регионов у вас высветится след. сообщение

005.jpg

Принцип определения региона:

1) После того как клиент первый раз пришёл к вам на сайт, определяется его ip адрес и делается запрос к IpGeoBase, который в свою очередь возвращает информацию о местонахождении IP-адреса;

2) Полученная информация о местонахождении IP-адреса сравнивается с регионами указанными в информационном блоке "Регионы". Сравниваются как города, так и области, и регионы. Сравнение идёт до первого совпадения, при этом учитывается сортировка (чем меньше индекс сортировки тем он приоритетнее).

Простой пример: можно заполнить два региона для Москвы, в одной из которых заполнить только свойство город, а во второй свойство город и округ. При этом у первого выставить меньшую сортировку, тогда всем пользователям из Москвы будет подключен 1-ый регион, а всем пользователям из региона будет подключен 2-ой регион;

3) Если данные от IpGeoBase не совпадают не с одним вашим регионом, то будет выбран регион по умолчанию.

Документация для разработчика

Классы

Bxmarket

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

Хранение
\Alexkova\Market\BXMarket

информация хранится в private свойствах объекта в виде массивов "ключ" => "значение"

Доступны следующие методы

 setCoreData($arData)     Устанавливает или изменяет серию ключей для свойства $coreData объекта (глобальные переменные и свойства приложения)
 unsetCoreData($arData)      Удаляет при необходимости серию ключей для свойства $coreData объекта (глобальные переменные и свойства приложения)
 getCoreData()      Возвращает серию ключей для свойства $coreData объекта (глобальные переменные и свойства приложения) или пустой массив, если ни одного ключа установлено не было
 setRegionData($arData)         Устанавливает или изменяет серию ключей для свойства $regionData объекта (переменные и свойства с информацией о настройке региональности)
     unsetRegionData($arData)      Удаляет при необходимости серию ключей для свойства $regionData объекта (переменные и свойства с информацией о настройке региональности)
 getRegionData()      Возвращает серию ключей для свойства $regionData объекта (переменные и свойства с информацией о настройке региональности) или пустой массив, если ни одного ключа установлено не было
 setContentData($arData)       Устанавливает или изменяет серию ключей для свойства $contentData объекта (состояние контентной части)
     unsetContentData($arData)         Удаляет серию ключей для свойства $contentData объекта (состояние контентной части)
 getContentData()      Возвращает серию ключей для свойства $contentData объекта (состояние контентной части) или пустой массив, если ни одного ключа установлено не было

Используемые ключи

$coreData 
 managment_mode  true или false (используется ли режим централизованного управления)
 use_region  возвращает true или false в зависимости от того, задействована ли поддержка региональности   
   
   






Элементарные области

Описание

Элементарные области — это файлы в шаблоне компонента, которые отвечают за отображение логически выделенных областей на контентной странице.

Web-мастер может самостоятельно заменять или создавать новые элементарные области.

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


Примечание.
При изменении или создании элементарных областей, вы полностью несете ответственность за их работоспособность.



Типы стандартных элементарных областей

Элемент каталога

В шаблоне нашего компонента catalog.element существуют следующие элементарные области:

Элементарные области

Файлы этих областей находятся по следующему пути: 
/bitrix/components/bxready.market2/catalog/templates/.default/bitrix/catalog.element/.default/include/

Размещение собственных элементарных областей

Для размещения собственных элементарных областей необходимо:

1. Создать директорию каталога элементарных областей  elementars в директории bxready2 вашего шаблона сайта:
/<ваш шаблона сайта>/bxready2/elementars/

2. Создать директорию с типом элементарных областей:
/<ваш шаблона сайта>/bxready2/elementars/<тип элементарных областей>/

3. Создать php файл с названием элементарной области и префиксом element:
/<ваш шаблона сайта>/bxready2/elementars/<тип элементарных областей>/element.<название области>.php

Типы кодов элементарных областей

Существует три типа кодов элементарных областей:

1. Административный код элементарной области. Обозначается с постфиксом .admin:
element.<название области>.admin.php

Данные области предназначены для режима разработки элементарных областей. Этот режим активируется в административном разделе. Подробнее о настройках элементарных областей описано в разделе Настройки и подключение элементарных областей

2. Код элементарной области пролог. Обозначается с постфиксом .prolog:
element.<название области>.prolog.php

Подключается до указанной области.

3. Код элементарной области эпилог. Обозначается с постфиксом .epilog:
element.<название области>.epilog.php

Подключается после указанной области.

Настройка и подключение элементарных областей

Настройки элементарных областей находятся по следующему пути в административном разделе сайта - Сервисы → BXREADY_2.0 → Элементарные области:

Настройки элементарных областей.png

В настройках содержится два пункта: 

1. Включить поддержку элементарных областей. Активирует механизм подключения собственных элементарных областей.

2. Режим разработки. Активирует режим работы сайта, в котором подключаются элементарные области с постфиксом .admin Данные области будут подключены только для администраторов сайта. 

Пример использования собственных элементарных областей

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

Обратимся к разделу с описанием типов элементарных областей элемента каталога и выделим необходимые нам элементарные области:

- область Slider;
- область Preview_props.

Для решения данной задачи нам необходимо будет заменить элементарную область Slider и добавить новую элементарную область под областью Preview_props.

Создадим файлы данных областей:

Создание файлов собственных элементарных областей


Перенесем в код области element.slider.php оригинальный код области Slider из нашего компонента. Путь до области Slider:
/bitrix/components/bxready.market2/catalog/templates/.default/bitrix/catalog.element/.default/include/slider.php

Теперь вырежем код, отображающий изображение нашего бренда, из кода области element.slider.php и вставим в код области element.preview_props.epilog.php

Перенос кода отображения бренда

И изменим название родительского класса у нового блока с брендом:

Смена класса у нового блока отображения бренда

Создадим файл со стилями для нового блока с отображением бренда:

Файл со стилями

Подключаем эти стили в нашей области element.preview_props.epilog.php:

Подключение стилей

Осталось только включить работу собственных элементарных областей в административной части сайта:

Включение поддержки элементарных областей

После выполненных работы получим следующий результат:

Результат выполненных работ

Видео-кейс

Боремся со страшилками о кастомизациях

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


Теория



Практика


Инструкции к обновлениям

1.0.28 - 1.0.30

Если решение устанавливалось сразу версии 1.0.30, то все необходимые файлы в нем есть изначально. Если у вас стояла другая версия и вы решили обновить её до 1.0.30, то вам понадобится вручную перенести файлы.

Предварительно перед каждым обновлением советуем делать полную резервную копию сайта.

1. Копирование шаблонов для компонента sender.subscribe
В административной части зайдите по пути Контент - Структура сайта - Файлы и папки. Далее откройте
/bitrix/modules/alexkova.market2/install/wizards/alexkova/bxready.market2/site/templates/market2/components/bitrix/
Отметьте галочкой директорию sender.subscribe

Выберите Копировать -> Применить.
В открывшемся окне нужно выбрать папку шаблона вашего сайта
/bitrix/templates/<название шаблона сайта>/components/bitrix/

Нажмите Копировать. Шаблоны для компонента sender.subscribe теперь доступен вашему шаблону.
 
2. Замена вызова компонента sender.subscribe
Компонент, в зависимости от изначальной версии установки, может вызываться в нескольких местах:

1. <корень сайта>/include/left_column.php
2. /bitrix/templates/<название шаблона сайта>/header.php   
3.
<корень сайта>/sect_left_column.php 

Рекомендуется проверить все файлы, и, если вызов есть, менять с bxready.market2:sender.subscribe на bitrix:sender.subscribe

КРОСС-ПРОДАЖИ

Информация по описанию возможностей кросс-продаж готовится