Универсальный интернет-магазин Bitlate Pro
0 / 54
Содержание

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

Установку решения "Универсальный интернет-магазин Bitlate Pro" можно произвести во время установки 1С-Битрикс, а также на существующий сайт.

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

Установка 1С-Битрикс

Установка решения возможна на редакцию 1С-Битрикс "Малый бизнес" или "Бизнес".

Перед началом установки ознакомьтесь с рекомендациями по выбору хостинга в курсе 1С-Битрикс.
Также вы можете ознакомиться с системными требования к продукту 1С-Битрикс.

Установка продукта "1С-Битрикс" на удаленный сервер подробна описана в курсе Установка продукта «1С-Битрикс: Управление сайтом». В курсе подробно описаны предварительные шаги для установки продукта и шаги мастера установки.

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

Выбор решения для установки


Необходимо выбрать "Загрузить из Marketplace" и нажать кнопку "Далее".

1.jpg

На шаге выбора решения необходимо выбрать интернет-магазин Bitlate Pro и нажать кнопку "Далее".

2.jpg

Далее мастер установки загрузит выбранное решение:

3.jpg

На следующем шаге нужно выбрать мастер для установки решения:

4.jpg

Далее вы перейдете в мастер установки решения интернет-магазина Bitlate Pro.

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


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

5.jpg

На следующем шаге выберите шаблон решения.

6.jpg

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

7.jpg

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

Настройки

После нажатия на кнопку "Далее" начнет установка решения.

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

Нажмите на кнопку "Перейти на сайт" после завершения установки.

Завершение установки

Установка решения на существующий сайт

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

Активация купона


Если необходимо активируйте купон на установку решения в разделе Marketplace - Обновление решений во вкладке "Активация купона":

Активация купона

Выбор купленного решения


Далее перейдите в раздел Marketplace - Установленные решения. В списке купленных решений отобразится решение "Универсальный интернет-магазин Bitlate Pro. (bitlate.proshop)". Кликните на кнопку меню и нажмите кнопку "Загрузить":

Загрузка решения

Вы будете перенаправлены на страницу "Обновление решений". Для загрузке решения оставьте отмеченной галочку только у "Решение "Универсальный интернет-магазин Bitlate Pro. "". Нажмите на кнопку "Загрузить".

Обновление решений

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

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

Вам будет предложено установить мастер создания сайта интернет-магазина. Нажмите кнопку "Установить":

Установка мастера

После успешной установки мастера перейдите по ссылке "Перейти в список мастеров":

Установка мастера

В списке мастеров откройте меню возле мастера "bitlate.proshop:shop Адаптивный интернет-магазин PRO Bitlate", нажмите кнопку "Установить":

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

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

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


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

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

Вы можете установить решение на существующий сайт, либо установить его как новый сайт.

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

1. На одном домене в отдельной директории.
2. На разных доменах.

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

Примечание: Настройку многосайтовости на разных доменах можно произвести при помощи хостинговой компании.
Подробнее о настройке в курсе от 1С-Битрикс.


Нажмите кнопку "Далее".

На втором шаге выберите шаблон решения.

6.jpg

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

7.jpg

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

Настройки

После нажатия на кнопку "Далее" начнет установка решения.

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

Нажмите на кнопку "Перейти на сайт" после завершения установки.

Завершение установки


Настройка решения

Настройки модуля делятся на две части:

1) В публичной части в конструкторе решения - основные настройки внешнего вида вашего сайта

Настройки решения

2) В административной части - остальные настройки: Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate.

Настройки решения

Примечание: до версии 2.1.10 включительно настройки модуля находятся в административном разделе Настройки - Настройки продукта - Настройки модулей - Адаптивный интернет-магазин PRO Bitlate

Настройка модуля

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

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

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

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

Настройки решения

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

Настройки сайта


Вкладка "Общие"

Цветовая схема

В решении предусмотрено 7 видов цветовых схем с двумя основными цветами для выбора цветового оформления вашего сайта. Текущая выбранная схема выделена белым кругом и отмечена галочкой.

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

Цветовая схема

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

Формат сайта

Доступно 2 варианта формата сайта: широкий формат или формат с боковым меню. Для широкого формата доступно 3 вида оформления шапки, для формата с меню шапка одна.

Корзина

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

Наведение на товары

Кнопка «Быстрый просмотр»

(доступно с версии 2.1.4)


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

Вкладка "Шапка"

Закреплять при скроле


При включенной настройке шапка сайта будет всегда зафиксирована в верхней части экрана

Варианты меню


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

Цвет меню

Доступно несколько цветовых вариаций для каждой из шапок сайта

Выпадающее меню


Задается оформление выпадающего меню каталога в шапке, а также в фильтре каталога.

  •  
При выбранной опции у разделов второго уровня будет отображена квадратная картинка.

Меню
Для того чтобы задать картинку раздела перейдите в раздел второго уровня в режиме правки. Нажмите на кнопку Изменить раздел.

Изменить раздел

Загрузите в поле Изображение картинку. Сохраните изменения.

Изменить раздел
  • С одной большой картинкой
При включенной опции в меню для разделов первого уровня можно задать фоновое изображение. Фоновое изображение отображается только для 3-х уровнего меню.

Меню

Перейдите в раздел первого уровня и нажмите на кнопку "Изменить раздел" в режиме правки. Во вкладке "Доп. поля" загрузите изображение в поле Фоновое изображение. Сохраните изменения.

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


(доступно с версии 2.1.4 )

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

Для создания эффекта выхода изображения за границы меню можно задать отступы в поле Дополнительный стиль для фонового изображения при наведении при помощи css правил. Например: margin-right: -36px; margin-bottom: -42px; (отступ за правую и нижнюю границу меню).

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

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

  • С картинкой при наведении
При включенной опции для разделов второго уровня можно задать изображение, которое будет появляться при наведении на раздел. Изображение при наведении отображается только для 3-х уровнего меню.

Картинка при наведении

Перейдите в раздел второго уровня и нажмите на кнопку "Изменить раздел" в режиме правки. Во вкладке "Доп. поля" загрузите изображение в поле Изображение при наведении. Сохраните изменения.

Для создания эффекта выхода изображения за границы меню можно задать отступы в поле Дополнительный стиль для изображения при наведении при помощи css правил. Например: margin-right: -36px; margin-bottom: -42px; (отступ за правую и нижнюю границу меню).
  • Без картинки
При включенной опции в меню не будут отображаться никакие изображения.

Кол-во уровней меню каталога

Настраивается кол-во отображаемых уровней раздела в меню каталога.

Отображать 3 уровня в остальных товарах

По-умолчанию в выпадающем меню каталога выводится 10 разделов. Если разделов больше, то они объединяются в пункт меню "Остальные товары" и выводятся только 2 уровня разделов. При включенной опции будет отображено 3 уровня разделов.

Остальные товары

Отображать картинку раздела в остальных товарах

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

Остальные товары

Вкладка "Главная"

Блоки на главной и их порядок


Изменять порядок следования блоков на главной можно путем перетаскивания их в списке. Также можно включать и отключать отображение отдельных блоков. Неизменным остается только отображение большого баннера.
Порядок следования блоков по-умолчанию:
  • Преимущества
  • Акции
  • Товары
  • Популярные категории
Перед тем как вывести популярные категории необходимо их выбрать. Подробнее о выборе.
  • Новости
  • Бренды

Главный баннер


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

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

Ширина главного баннера


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

Акции


Выбор вида отображения акций на главной

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

После перезагрузки страницы акция появится на новой позиции.

Смотрите также: создание акции.

Формат акций


Возможно задать формат "Заезжают на главный баннер" при выбранном виде акций:

Акции

Также позиция акций должна следовать после большого баннера

Товары


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

Новости


Задается формат отображения новостей на главной странице

Вкладка "Каталог"

Фильтр каталога

Задается формат вывода фильтра каталога

Выводить меню каталога в фильтре

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

Меню каталога

 При горизонтальном отображении фильтра меню каталога будет в выпадающем блоке:

Меню каталога

На данное меню распространяются все параметры, которые задаются для меню каталога в шапке

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


Выводить подкатегории перед списком товаров

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

Список подкатегорий

Вкладка "Карточка"

Вид торгового предложения

Задается оформление свойств торговых предложений с картинками по-умолчанию
Цвет
Цвет
Цвет

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


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

Для товара

Перейдите в форму редактирования товара. Во вкладке "Товар" свойство "Вид торговых предложений" выберите нужный вид отображения и сохраните изменения. Если выбран вариант "(нет)", то отображение берется из настроек по-умолчанию в меню кастомизации.

Вид торговых предложений

Для товаров раздела

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

Вид торговых предлодений

При определении вида отображения торгового предложения с картинками действуют следующие приоритеты:

1) Проверяются индивидуальные настройки товара
2) Проверяются индивидуальные настройки родительского раздела товара
3) Проверяются индивидуальные настройки разделов выше по порядку
4) Применяются настройки по-умолчанию

Отображение превью товара вместо цвета торгового предложения


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

Перейдите в административную часть. Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate.

Вид торговых редложений

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

Торговые предложения

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

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

Превью торгового предложения формируется по следующим приоритетам:

1) Картинка для анонса для торгового предложения
2) Детальная картинка торгового предложения
3) Картинки (первое фото)

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

Вкладка "Баннеры"

Доступные баннеры

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

Доступны 5 видов баннеров:

  • Над меню
Отображается на всех страницах сайта над шапкой.
Рекомендованный размер баннера: 1440x80
  • Перед подвалом
Отображается на всех страницах сайта перед подвалом.
Рекомендованный размер баннера: 1440x80
  • Перед контентом
Отображается перед контентом на информационных страницах (новости, акции и т.п.), в разделах каталога (кроме карточки товара).
Рекомендованный размер баннера: 1201x200
  • После контента
Отображается после контента на информационных страницах (новости, акции и т.п.), в разделах каталога (кроме карточки товара).
Рекомендованный размер баннера: 1201x200
  • Сбоку
Отображается под левым меню на информационных страницах (новости, акции и т.п.), в разделах каталога (кроме карточки товара).
Рекомендованный размер баннера: 220x350

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

Создание баннера

В форме создания баннера выберите тип баннера, вид баннера (изображение, Flash, HTML-код и т.д.), загрузите файл или код баннера, задайте url для перехода при клике. Сохраните изменения.

Примечание: Подробную информацию о создании баннеров см. в курсе 1С-Битрикс

Настройки каталога

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

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

Настройка инфоблока каталога и торговых предложений

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

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

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

Примечание: в инфоблоках с демо-товарами уже созданы все обязательные свойства. 

Обязательные свойства каталога

Название Тип Символьный код Множ.
Описание
Сортировка во вкладке "Мы рекомендуем" Число SORT_RECOMEND   Порядок вывода товара во вкладке "Мы рекомендуем" на главной.
Первым выводится товар с наибольшим значением свойства
Сортировка во вкладке "Новинки"
Число SORT_NEWS   Порядок вывода товара во вкладке "Новинки" на главной.
Первым выводится товар с наибольшим значением свойства
Сортировка во вкладке "Хиты продаж"
Число SORT_HITS   Порядок вывода товара во вкладке "Хиты продаж" на главной.
Первым выводится товар с наибольшим значением свойства
Сортировка во вкладке "Скидки"
Число SORT_DISCOUNT   Порядок вывода товара во вкладке "Скидки" на главной.
Первым выводится товар с наибольшим значением свойства
Заголовок окна браузера Строка TITLE   Заголовок окна браузера для карточки товара
Ключевые слова Строка KEYWORDS   Ключевые слова страницы для карточки товара
Мета-описание Строка META_DESCRIPTION   Описание страницы для карточки товара
Выводить для торговых предложений превью вместо цвета Список
(значения: Y — Да)
OFFER_PIC_PREVIEW   Задается индивидуальная для товара настройка отображения превью вместо цвета
Вид торговых предложений Список
(значения: default — По-умолчанию;
round — Круглые — только цвет;
square — Квадратные — цвет и фото;
dropdown — Выпадающий список — цвет, фото и описание;)
OFFER_PIC_TYPE
  Задается индивидуальная для товара настройка вида отображения торговых предложений с изображениями
Новинка Список
(значения: Y — Да)
NEWPRODUCT   Вывод товара во вкладке "Новинки" на главной при выбранном значении Y.
Добавляется стикер на товар

Новинки
Мы рекомендуем Список 
(значения: Y — Да)
RECOMEND   Вывод товара во вкладке "Мы рекомендуем" на главной при выбранном значении Y
Хит продаж
Список 
(значения: Y — Да)
SALELEADER   Вывод товара во вкладке "Хит продаж" на главной при выбранном значении Y.
Добавляется стикер на товар
Скидка Список 
(значения: Y — Да)
DISCOUNT   Вывод товара во вкладке "Скидка" на главной при выбранном значении Y.
Добавляется стикер на товар
Товар дня Список 
(значения: Y — Да)
PRODUCT_OF_DAY   Вывод у товара стикера "Товар дня" при выбранном значении Y
Уже куплено
Число      ALREADY_PAYED   Указывается процент купленных товаров, при выводе у товара стикера "Товар дня". Стикер будет выводиться, если значение свойства от 0 до 99, свойство "Товар дня" имеет значение Y и на товар действует скидка, либо заполнено свойство "Старая цена". При этом будет выводиться размер экономии

Товар дня 
Успей купить
Число      PRODUCT_ACTION   Указывается кол-во товара доступное по акции "Успей купить". Добавляется стикер на товар и появляется таймер, который ведет обратный отсчет до конца текущего дня. Пока у товара это свойство больше 0 стикер и таймер продолжают выводиться

Успей купить
Старая цена
Строка      OLD_PRICE   Старая стоимость товара. Выводится зачеркнутой у товара если его текущая стоимость меньше старой. При этом выводится размер экономии
Старая цена
Картинки галереи Файл      MORE_PHOTO

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

Галерея
Видео галереи
Строка      MORE_VIDEO

(можно задать любой другой код и выбрать его в настройках модуля в параметре "Свойство, в котором хранится дополнительное видео товара")
Да Ссылки на видео, которые будут выводиться в карточке товара после галереи фотографий.
Можно добавлять ссылки на видео с сайтов: youtube.com, rutube.ru, vimeo.com, vk.com
Видео
Аксессуары Привязка к элементам ACCESSORIES Да Товары для слайдера аксессуаров в карточке товара

Аксессуары
Документы
Файл
DOCS Да Файлы, которые будут выводиться во вкладке Описание в карточке товара

Документы
Минимальная цена Число  MIN_PRICE
Минимальная стоимость товара. Свойство необходимо для корректной работы сортировки по цене. Обновляется автоматически при создании или редактировании товара     
Максимальная цена
Число  MAX_PRICE   Максимальная стоимость товара. Свойство необходимо для корректной работы сортировки по цене. Обновляется автоматически при создании или редактировании товара
Производитель Привязка к элементам MANUFACTURE   Привязка товара к производителю. Логотип производителя отображается в правом верхнем углу карточки товара
Артикул
Строка ARTNUMBER

(можно задать любой другой код и выбрать его в настройках модуля в параметре "Поле каталога с артикулом")
  Артикул товара, выводится в карточке товара под названием.
Также по этому свойству осуществляется поиск.
Артикул
Начальный рейтинг Строка
DEFAULT_RATING   Первоначальный рейтинг товара.
По-умолчанию при создании товара устанавливается равным 3
Количество проголосовавших
Число
vote_count   Кол-во отзывов о товаре с выбранной оценкой
Рассчитывается автоматически при написании отзыва у товара
Сумма оценок Число
vote_sum   Сумма оценок товара, оставленных в отзывах за все время.
Рассчитывается автоматически при написании отзыва у товара
Рейтинг
Число
rating   Текущий рейтинг товара равный "Сумма оценок"/"Количество проголосовавших".
Рассчитывается автоматически при написании отзыва у товара
ID поста блога для комментариев Число
BLOG_POST_ID   Идентификатор блога куда сохраняются отзывы о текущем товаре.
Рассчитывается автоматически при написании отзыва у товара
Количество комментариев
Число
BLOG_COMMENTS_CNT   Общее кол-во отзывов о товаре
Рассчитывается автоматически при написании отзыва у товара


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

Название Тип Символьный код Множ.
Описание
Артикул Число ARTNUMBER 

(можно задать любой другой код и выбрать его в настройках модуля в параметре "Поле торговых предложений с артикулом")
  Артикул торгового предложения, выводится в карточке товара под названием. Изменяется при смене торгового предложения.
Также по этому свойству осуществляется поиск.
Картинки галереи Файл      MORE_PHOTO

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

(можно задать любой другой код и выбрать его в настройках модуля в параметре "Свойство, в котором хранится дополнительное видео
для торгового предложения")
Да Ссылки на видео, которые будут выводиться в карточке товара после галереи фотографий.
Можно добавлять ссылки на видео с сайтов: youtube.com, rutube.ru, vimeo.com, vk.com.
Меняются при смене торгового предложения


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

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

Для этого перейдите в настройки модуля: Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate.

Инфоблок каталога


Во вкладке "Каталог" нужно выбрать "Тип инфоблока каталога" и инфоблок с вашим каталогом из списка "Инфоблок каталога".

Основные параметры

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

Выводимые свойства товара


Свойства, которые будут выводиться в карточке товара во вкладке Характеристики:

Вкладка Характеристики

Также характеристики выводятся в разделе каталога при отображении каталога в виде "Список":

Список


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


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

Торговые предложения

 Выводимые свойства торговых предложений в списке характеристик

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

Добавляемые в корзину свойства товара


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

Корзина

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

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


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

Корзина

Товары, недоступные для покупки


Можно выбрать отображать ли, и каким образом, товары, которые нельзя купить. По-умолчанию они отображаются в общем списке товаров.

Торговые предложения, недоступные для покупки


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

Настройки цен

Типы цен выводимых в каталоге и в фильтре


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

Типы цен

Выводить все доступные типы цен

(доступно с версии 2.1.4)

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

Показывать цены в одной валюте

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

Валюта, в которую будут сконвертированы цены

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

Цены

Примечание: Начиная с версии 2.1.4 данная опция учитывается при расчете минимальной и максимальной цены товара (необходимы для сортировке по цене). Если задана валюта конвертации и валюта товара отличается от нее, то минимальная и максимальная цена будут рассчитаны в валюте конвертации с учетом курсов валют.


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

Настройки внешнего вида каталога задаются в административной панели в настройках модуля: Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate.

Шаблон компонента каталога


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

Показывать при входе в каталог список разделов


При отмеченной галочке при заходе по корневому урлу каталога будет отображен список разделов первого уровня.

Каталог

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

Показывать в списке разделов меню каталога

При включенной опции на странице со списком разделов также будет отображено меню каталога слева

Меню каталога

Выводить в списке разделов кол-во товаров в каждом разделе


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

Кол-во уровней в списке разделов


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

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

Показывать общее количество товара

Определяется показывать ли кол-во товара в карточке товара или в списке товаров.

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

Поле каталога с артикулом


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

Артикул

Поле торговых предложений с артикулом


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

Свойство, в котором хранится дополнительная картинка товара


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

Свойство, в котором хранится дополнительное видео товара


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

Свойство, в котором хранится дополнительная картинка для торгового предложения


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

Свойство, в котором хранится дополнительное видео для торгового предложения


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

Показывать старую цену, если задана скидка на товар


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

Старая цена

Показывать состав комплекта

(доступно с версии 2.1.4)

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

Состав комплекта

Прочие настройки

Все перечисленные настройки каталога также задаются в административной панели в настройках модуля: Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate.

Настройки фильтра

Выводить в диапазонах минимальное и максимальное значение


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

Стоимость

При отключенной опции поля будут пустые, пока не примут значения отличные от начала и конца диапазона:

Стоимость

Вид отображения меню каталога в фильтре

(доступно с версии 2.1.11)

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

  • Все разделы - полное меню каталога от корневых разделов
  • Только подразделы текущего раздела

Скрывать избыточные разделы в "Остальные товары"

(доступно с версии 2.1.11)

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

Вид торговых предложений с картинкой

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

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


Задается код свойства типа "Справочник", в котором устанавливается цвет товара. Для демо-каталога решения его код "COLOR_REF". 

Выводить для всех торговых предложений превью вместо цвета


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

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

Торговые предложения

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

Превью торгового предложения формируется по следующим приоритетам:

1) Картинка для анонса для торгового предложения
2) Детальная картинка торгового предложения
3) Картинки (первое фото)

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

В выпадающем списке отображать выбранное значение

(доступно с версии 2.1.4)

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

Выпадающий список



В следующих опциях задается сортировка вывода торговых предложений товара

По какому полю сортируем предложения товара 

Порядок сортировки предложений товара

Поле для второй сортировки предложений товара

Порядок второй сортировки предложений товара

Сортировка

По-умолчанию в каталоге предусмотрено 4 вида сортировки по "Цене, сначала недорогие", "Цене, сначала дорогие", "Производителю" и "Производителю и цене".

Код сортировки в урл


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

Сортировка

Коды полей


В каждой строке задаются коды полей для сортировки. Сортировку можно произвести по стандартным полям, например:
  • sort - индекс сортировки;
  • timestamp_x - дата изменения товара;
  • name - название товара;
  • show_counter - количество показов товара.
Также можно сортировать по созданным свойствам, например:
  • property_<PROPERTY_CODE> - по значению свойства с числовым или мнемоническим кодом PROPERTY_CODE (например, PROPERTY_123 или PROPERTY_MIN_PRICE).
  • propertysort_<PROPERTY_CODE> - по индексу сортировки варианта значения свойства. Только для свойств типа Список.
  • catalog_<CATALOG_FIELD>_<PRICE_TYPE> - по полю CATALOG_FIELD (может быть PRICE - цена или CURRENCY - валюта) из цены с типом PRICE_TYPE (например, catalog_PRICE_1 или CATALOG_CURRENCY_3). Сортировка должна иметь формат: CATALOG_(PRICE или CURRENCY)_ID-типа-цены.
  • catalog_QUANTITY - сортировка по количеству.
Примечание: Если сортировка должна быть по двум свойствам или полям, то их коды нужно разделить ;

Со всеми возможными вариантами полей и правилами сортировки по созданным свойствам вы можете ознакомиться в курсе от 1С-Битрикс.

Направление сортировки


В каждой строке задается тип сортировки в соответствии со списком:
  • asc - по возрастанию;
  • nulls,asc - по возрастанию с пустыми значениями в начале выборки;
  • asc,nulls - по возрастанию с пустыми значениями в конце выборки;
  • desc - по убыванию;
  • nulls,desc - по убыванию с пустыми значениями в начале выборки;
  • desc,nulls - по убыванию с пустыми значениями в конце выборки.
Примечание: Если сортировка должна быть по двум свойствам или полям, то типы сортировки для каждого свойства или поля нужно разделить ;

Название сортировки


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

Сортировка

Сравнение товаров

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

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

Сравнение

Подписка на товары

Возможность подписки на товар задается в настройках модуля Торговый каталог.
Перейдите в административной панели Настройки - Настройки продукта - Настройки модулей - Торговый каталог. Для работы подписки необходимо:

  • Включить количественный учет
  • Запретить покупку при отсутствии товара
  • Разрешить подписку при отсутствии товара

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

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


Параметры товара


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


Подписка

При отсутствии товара и включенной возможности подписки у товара будут выведена кнопка:

Подписка

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

Подписка
Неавторизованному пользователю будет предложено ввести Email.

Подписка

После подписки кнопка становится неактивной и принимает вид:

Подписка

Подписки на товар можно увидеть в форме его редактирования во вкладке "Торговый каталог" - "Подписки"

Подписки

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

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

Подписка

Список всех подписок на товары можно увидеть в административной панели в разделе Магазин - Покупатели - Подписка на товары:

Подписка

Разрешить оповещения для отсутствующих товаров


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

Текст кнопки "Подписаться"

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

Текст кнопки "Уже подписаны"

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

Наличие в магазинах

Показывать вкладку "Наличие в магазинах"


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

Склады для вывода наличия


Необходимо выбрать один или несколько складов для отображения наличия товара

Показывать вместо точного количества информацию о достаточности


При отмеченной опции информация об остатках товара выводится в виде текстовых сообщений ("Много", "Средне", "Мало", "Нет в наличии").

Наличие

Значение, выше которого выводится "много"


Задается значение кол-ва товаров выше которого будет выводиться сообщение "Много".

Значение, ниже которого выводится "мало"


Задается значение кол-ва товаров выше которого будет выводиться сообщение "Много".

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


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

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


При отмеченной опции склад будет отображен, даже если на нем нет товара.

Подпись для вывода "Общего остатка на складах"

(доступно с версии 2.1.4)

При выбранной опции Показывать общую информацию по складам по-умолчанию будет выведена надпись "Общий остаток на складах". Чтобы изменить ее заполните данное поле

Персональные рекомендации (Big Data)

Персональные рекомендации

Для вывода блока "Персональные рекомендации" в карточке товара в блоке настроек "Персональные рекомендации (Big Data)" отметьте галочку "Использовать в каталоге сервис персонализации".

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

Персональные рекомендации

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

Настройки постраничной навигации

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

Постраничная навигация

В блоке "Настройки постраничной навигации" при помощи кнопки "+" можно задавать варианты кол-ва товаров на странице. Для варианта показывать все нужно добавить слово "ALL".

Настройки постраничной навигации

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

В блоке "Управление адресами страниц" можно настроить ЧПУ для каталога.

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

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

Задайте адреса для Каталога ЧПУ (относительно корня сайта) и остальных видов страниц каталога.

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

Настройки 404 ошибки


Настройки 404 ошибки

В блоке "Настройки 404 ошибки" можно задать параметры переходе на несуществующий товар или раздел каталога.

Устанавливать статус 404 - при отмеченной опции сервер будет возвращать 404 статус

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

Сообщение для показа - сообщение, которое будет отображаться если не используется специализированная 404 страница

Элемент не найден

Настройки слайдеров (Аксессуары, Похожие товары, Товары, участвующие в акции)

Настройки слайдеров (Аксессуары, Похожие товары, Товары, участвующие в акции)

В блоке "Настройки слайдеров (Аксессуары, Похожие товары, Товары, участвующие в акции)" можно задать общие настройки для слайдеров, которые отображаются в карточке товара (Аксессуары, Похожие товары), а также слайдера товаров на странице акции (Товары, участвующие в акции). Вы можете выбрать Количество элементов в слайдере, поля и порядок для первой и второй сортировки.

Настройка вкладок "Мы рекомендуем", "Новинки", "Хиты продаж", "Скидки" на главной

В блоке "Настройка вкладок "Мы рекомендуем", "Новинки", "Хиты продаж", "Скидки" на главной" настраивается кол-во товаров во вкладках при разных режимах отображения товаров. Также задается поле и порядок для второй сортировки товаров. Первая сортировка происходит по спец свойствам товара для каждой из вкладок.

Настройка вкладок "Мы рекомендуем", "Новинки", "Хиты продаж", "Скидки" на главной

Настройка блока "Популярные категории" на главной

В блоке "Настройка блока "Популярные категории" на главной" выберите из списка "Популярные категории" категории для вывода.

Популярные категории

В соответствующих полях можно задать "Заголовок блока" и "Заголовок ссылки "Смотреть все". Если оставить поле "Заголовок ссылки "Смотреть все" пустым, то ссылка не будет отображаться.

Настройки контента

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

Общие настройки задаются в административной части Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate вкладка "Общие":

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

Лого сайта для соц сетей

Для публикации ссылки на сайт в соц сетях можно задать лого для сайта. 
Загрузите файл в поле "Лого сайта" и сохраните изменения. Изображение может быть любого размера. Оно автоматически будет увеличено или уменьшено под размер 968*504.

При публикации ссылки на сайт например в facebook будет добавлено лого:

Публикация в facebook

Лого сайта выводится для всех страниц сайта кроме:

  • Детальная страница товара
  • Детальная страница новости
  • Детальная страница акции
  • Детальная страница услуги
  • Детальная страница бренда


На этих страницах для публикации в соц. сети берутся картинки для анонса.

Выводить значок рубля


При включенной опции в ценах вместо надписи "руб." будет выводиться символ рубля:

Значок рубля

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

Модерация отзывов о товарах


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

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

Отзывы

Вид отображения каталога по-умолчанию


Доступно 3 вида отображения списка товаров в каталоге:

  • Плитка
  • Список
  • Мелкий список

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

Исключить цены из композита


Включите данную опцию если:

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

После включения опции необходимо сбросить кеш. Для этого в административном разделе перейдите в Настройки - Настройки продукта - Композитный сайт - Настройки во вкладку "Настройки".

Композит

При нажатии на ссылку "Сбросить кеш" вы будете перенаправлены на страницу:

Очистка кеша

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

Очистка превью изображений от шумов на белом фоне 

(доступно с версии 2.1.4)

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

Фото слева до включения опции, справа - после:

Шумы на фото

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

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


Создание акции

Перейдите в административную часть Рабочий стол - Контент - Новости - Акции. Нажмите кнопку "Добавить элемент".

Создание акции

Начало и окончание активности

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

Скрыть в списке раздела Акции

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

Привязка к городу

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

Тип ссылки с баннера

  • (нет) - с баннера не будет ссылки
  • детальная страница акции - ссылка на детальную страницу акции
  • произвольная - задается ссылка на любой урл

Произвольная ссылка с баннера

Задается если выбран тип ссылки с баннера "произвольная"

Размер баннера

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

Позиция в товарах "Мы рекомендуем"

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

Позиция в сетке 3х3 и Позиция в сетке 4х2

Задается позиция баннера в данных вариантах баннеров

Примечание: позицию баннера можно менять в режиме правки путем его перетаскивания


Товары, участвующие в акции

Товары, которые будут отображаться на детальной странице акции в слайдере

Создание слайда главного баннера

Для добавления нового слайда перейдите в режим правки на главной странице. При наведении на слайдер появится кнопка "Добавить элемент" и откроется форма создания слайда.

Добавить слайд

Обязательные поля


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

Дополнительные поля


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

Типы слайдов


Изображение

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

Видео

В качестве фона используется видео с youtube.ru.

Идентификатор видео с youtube.ru - добавьте идентификатор видео с youtube.ru, который отображается в урл:

Видео

Начало видео (секунда) - задается секунда, с которой следует воспроизвести видео. Оставьте пустым, если следует воспроизводить сначала.
Изображение для параллакс эффекта и видео (слой 1) - изображение, которое будет отображаться поверх видео (желательно с прозрачным фоном с расширением png).

Parallax

Для слайдов с параллакс эффектом кроме фонового изображения можно добавить до 4-х слоев изображений (желательно с прозрачным фоном с расширением png). Поля для загрузки изображений:

Изображение для параллакс эффекта и видео (слой 1)
Изображение для параллакс эффекта (слой 2)
Изображение для параллакс эффекта (слой 3)
Изображение для параллакс эффекта (слой 4)

 



Изменение телефона, e-mail и контактов

Телефон в шапке, подвале и мобильной версии


Перейдите в режим правки страницы. Наведите на телефон в шапке сайта.

Изменение телефона

Телефон выводится через включаемую область. Нажмите на кнопку "Изменить область". В открывшейся области можно изменить телефон.

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

Изменение телефона

В окне параметров ссылки выберите "Вид ссылки" - "на документ на сервере" и заполните поле "Адрес". Оно должно начинаться с "tel:" далее ваш телефон без пробелов и других символов.

Изменение телефона

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

Изменение телефона

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

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

E-mail в подвале


В подвале сайта под номером телефона выводится e-mail отдела продаж. Для его изменения перейдите в административную часть Настройки - Настройки продукта - Настройки модулей - Интернет-магазин. Отредактируйте параметр и сохраните изменения.

E-mail отдела продаж

Контакты


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

Контакты

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

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

Контакты

При нажатии на кнопку "Изменить область" откроется окно, где можно изменить данные.


Примечание: будьте внимательны при добавлении новых данных. Для визуального выделения информации используется специальная html-разметка. Чтобы увидеть какие теги и классы используются для оформления, нажмите на кнопку "Режим редактирования исходного кода". Желательно оформлять новые данные подобным образом.

Контакты

Изменение логотипа сайта

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

Лого

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

Лого

Загрузите изображение в открывшемся окне.

Лого

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

Лого

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

Примечание: рекомендуется загружать логотип с прозрачным фоном.

Требования к изображениям

Слайдер на главной


Стандартный размер баннера равен 1900х500 пикселей.
Баннер можно условно разделить на фон и информационная часть.
Главную информационная часть рекомендуется помещать в центре изображения с размерами не более 1200х500 пикселей.

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

Слайдер на главной

Вывод пользовательского соглашения

С версии 17.0.9 главного модуля в 1С-Битрикс стало возможным отображение соглашения о сборе персональных данных в соответствии с требованиями ФЗ 152.

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

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

Создание соглашения

Создание соглашение - несложный процесс. Несколько особенностей:

  • Если нужно нестандартный текст соглашения - используйте тип Собственный.
  • Если нужно просто модифицировать стандартное соглашение, то используйте тип Стандартный, а в открывшихся полях укажите свои варианты текста. Они подменят собой в соглашении аналогичные стандартные блоки.
  • Если компаний в системе несколько, то лучше использовать ручной ввод данных в поле Источник данных. По умолчанию система выводит все компании, которые есть.
  • Если не заполнено поле Email-адрес для жалоб, то система будет использовать адрес по умолчанию из настроек главного модуля.
После создания соглашения перейдите в Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate. Во вкладке "Пользовательское соглашение" можно задать настройки общие для всех форм где будет отображаться соглашение.

Настройки соглашения

  • Галка по умолчанию проставлена - установка флажка проставляет автоматически флажок согласия. То есть для отказа от использования данных пользователю нужно будет снять флажок
  • Загружать текст сразу - текст соглашения будет показан пользователю сразу
Для отображения соглашения необходимо выбрать в каких формах оно будет выводиться путем установки галочки "Запрашивать согласие". Для разных форм на сайте можно выбрать разный текст соглашения из созданных ранее.

Пример вывода соглашения в форме "Заказать звонок":

Соглашение

При клике на галочку или текст рядом с ней будет открыт полный текст соглашения.

Уведомление об использовании cookies

Можно включить информирование пользователя об использовании cookies-файлов в настройках решения. Перейдите в административную часть Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate. Во вкладке "Пользовательское соглашение" включите отображение уведомления используя галочку "Отображать уведомление". В поле "Текст уведомления" введите свой текст или оставьте текст по-умолчанию.

Информирование

При первом заходе на сайт пользователь увидит уведомление:

Уведомление об использовании ckookies-файлов

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

Настройка PWA-приложения

Для настройки PWA-приложения перейдите в административную часть Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate во вкладку "Общие" в блок "PWA-приложение".

Разрешить установку PWA-приложения


При установленной галочке пользователи мобильной версии сайта смогут устанавливать его как PWA.

Примечание: Для установки PWA необходимо использование https протокола

При заходе на сайт пользователю будет предложено добавить сайт на главный экран:

Добавить на главный экран

После нажатия на кнопку "Добавить на главный экран" в списке приложений появится иконка  вашего приложения. При открытии приложения появится экран с иконкой:

Открытие приложения

Далее в этом приложении открывается ваш сайт.

Иконка сайта


Иконка сайта с расширением .ico.

Примечание: При отключенной опции "Разрешить установку PWA-приложения" в качестве иконки сайта берется файл favicon.ico из корня сайта

Примечание: При включенной опции "Разрешить установку PWA-приложения" и отсутствии иконки, в качестве иконки сайта берется иконка Bitlate.

Название приложения


Название вашего PWA-приложения.

Короткое название приложения


Короткое название вашего PWA-приложения.

Описание приложения


Описание вашего PWA-приложения.

Иконка сайта для PWA-приложения


Иконка, которая будет отображаться на экране мобильного устройства.

Примечание: Минимальный размер изображения 512х512 пикселей.

Настройки мультирегиональности

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

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

Перейдите в Контент - Hightload-блоки - BitlatePro: Список городов. Нажмите кнопку "Добавить запись".

список городов

В открывшейся форме в первой вкладке для города нужно задать:

Создание города

  • Город (#GEOLABEL_CITY#) - название города в именительном падеже
  • Домен города - при включенном использовании поддоменов указывается домен куда должен идти редирект при выборе города. Домен указывается без протокола (http://, https://)
  • Сортировка - порядок вывода города в списке городов
  • Город по-умолчанию - этот город будет предложен для выбора пользователю по-умолчанию. Установите галочку только у одного города.
Примечание: Начиная с версии 2.1.4 город пользователя будет определен по его ip. Если он будет найден в списке ваших городов, то будет установлен по-умолчанию. Если установить город по ip не удалось или его нет в вашем списке, то будет отображен выбранный вами город по-умолчанию.
  • Выделение - город будет выделять жирным шрифтом в списке городов
  • Местоположение - выбирается связанное местоположение. При оформлении первого заказа у пользователя сразу будет выбрано данное местоположение, если не выбрано иное в соответствующем свойстве заказа
  • Склад - выбирается связанный склад. Его карта и адрес будут отображаться на странице "Контакты". С указанного склада или складов для товаров будут браться остатки для вывода
  • Типы цен - указывается тип цены, которая будет доступна для покупателю в выбранном городе. Если цены не зависят от города, то можно не задавать

  Во вкладке "Параметры" можно задать:

добавление города

  • Телефон в шапке - телефон для отображения в шапке и подвале сайта для данного города. Если телефон не указан, то выводится текст из включаемой области /include/phone.php
  • Текст для страницы контактов - задается текст для вывода перед формой обратной связи на странице "Контакты" для данного города
Во вкладке "Склонения названия города" заполняются поля:

добавление города

  • Город (предложный падеж #GEOLABEL_CITY_PR#) - задается город в предложном падеже для подстановки в текст при помощи текстовой метки #GEOLABEL_CITY_PR#
  • Город (родительный падеж #GEOLABEL_CITY_RD#) - задается город в родительном падеже для подстановки в текст при помощи текстовой метки #GEOLABEL_CITY_RD#

Настройки вывода списка городов

Для того, чтобы включить использование мультирегиональности перейдите в настройки модуля: Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate.

Настройки мультирегиональности

Во вкладке "Мультирегиональность" отметьте галочкой "Использовать мультирегиональность".

На вашем сайте в зависимости от вида шапки отобразится блок:

подтверждение города

Предложение подтвердить город будет отображено для новых пользователей сайта. Если город отображается не верно, то при клике на кнопку "Выбрать город" отобразится список городов:

выбор города
Города в списке отображаются в 3 столбика. По-умолчанию отображаются все города, но если у вас их слишком много, в настройках модуля можно задать "Максимальное кол-во выводимых городов". Города, которые не поместились в списке, можно будет найти через строку поиска. Города, отображаемые в примере под строкой поиска, выбираются из всего списка городов случайным образом.

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

Вывод города в мета-тегах и тексте

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

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


Примечание: Для того чтобы выводить название города в разных склонениях не забудьте добавить их во складке "Склонения названия города"


текстовая метка

текстовые метки

Добавим текстовую метку со склонениями города в название, title и описание товара.

В режиме правки нажимаем на кнопку "Изменить товар". В необходимые поля вставим текстовые метки:

редактирование товара

редактирование товара

редактирование товара

Примечание: при отключении использования мультирегиональности текстовые метки не будут заменены и будут выводиться в первоначальном виде, например "Фен Philips HP4935/22 в #GEOLABEL_CITY_PR#"


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

товар

При смене города выводимые данные меняются:

товар

Текстовые метки для городов

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

Перейдите в административной части в Контент - Hightload-блоки - BitlatePro: Текстовые метки. Нажмите кнопку "Добавить запись".

Создание текстовой метки

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

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

Значение по-умолчанию будет отображаться если для выбранного города не задано конкретное значение текстовой метки. Поле можно содержать любой html-код. Также можно оставить поле пустым.

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

В административной части перейдите в Контент - Hightload-блоки - BitlatePro: Список городов. Создайте или откройте на редактирование любой город. В форме появилась новая вкладка "Текстовые метки для города".

текстовые метки для города

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

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

Рассмотрим на примере страницы О компании вывод разного контента.

Перейдем в режим правки и нажмем кнопку "Изменить страницу в редакторе":

режим правки

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

редактирование страницы

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

О компании

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

О компании

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

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

На редакции «Малый бизнес» возможно создать только один тип цен. Если ваш интернет-магазин должен работать на разные города с различной ценой товаров, то только один тип цен вам уже не подойдет. Поэтому на редакции "Малый бизнес" это сделать невозможно. Вам нужна редакция "Бизнес".

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

Внимание: не удаляйте созданные решением системные группы пользователей


Информация о созданной группе появится в форме редактирования города:

Типы цен

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

Создадим новый тип цены для Москва в административной части: Магазин - Настройки - Цены - Типы цен. Нажмите на кнопку "Новый тип цен".

Создание типа цены

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

Важно! При проведении операций в корзине Битрикс всегда выбирает наименьшую из доступных пользователю цен. Поэтому для четкого разграничения цен для разных городов не должно быть типов цен, право на покупку по которым имеют пользователи из группы "[2] Все пользователи (в том числе неавторизованные)".

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

Типы цен

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

Отредактируем ее следующим образом. Выберем системные группы для всех городов кроме города Москвы. Исключим также группу "[2] Все пользователи (в том числе неавторизованные)".

Розничная цена

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

Список городов - групповое редактирование

Перейдите в редактирование товара и во вкладке "Торговый каталог" укажите цену для города:

Редактирование товара

Сохраните изменения.

В настройках решения (Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate) нужно выбрать все доступные типы цен для отображения в каталоге:

Настройки модуля

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

Цена для Москвы

Для остальных городов будет отображаться базовая розничная цена:

Цена для Санкт-Петербурга

Настройка отображения остатков товара в зависимости от города

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

Рассмотрим на примере складов для города Москвы и Санкт-Петербурга.

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

Создание склада

Заполните нужные поля и нажмите кнопку "Сохранить".

Аналогичным образом создайте склад для второго города.

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

Список городов

В настройках решения (Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate) нужно выбрать все доступные склады для отображения в каталоге:

Настройки модуля

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

Теперь перейдем в редактирование товара во вкладку "Торговый каталог" и далее во вкладку "Параметры". Если у вас отключен складской учет с настройках модуля Торгового каталога, то поле Доступное кол-во можно редактировать.

Редактирование товара

Во вкладке "Склады" укажем кол-во товара на складах городов:

Редактирование товара

При смене города меняется вывод остатков товара:

Товар

Товар

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

Товар
Товар

Запрет покупки товара при отсутствии на складе города


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

Если вам нужно запретить покупку товара при отсутствии его на складе города перейдите в настройки модуля Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate.

Редактирование товара

Установите галочку у параметра "Запретить покупку товара при отсутствии на складах города". Сохраните изменения.

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

Редактирование товара

Для посетителей из Москвы будет доступна покупка товара:

Товар

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

Товар

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


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

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

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

  • Новости
  • Акции
  • Слайдер на главной
  • Преимущества
  • Услуги
  • Сотрудники
  • Вакансии
Рассмотрим данную возможность на примере новостей. Выведем новость только для Москвы. Для этого отредактируем новость. 

Редактирование новости

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

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

Новости

Новости

Настройка страницы "Наши магазины"

(доступно с версии 2.1.10)

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


Примечание: Создание склада и его привязка к городу описана в уроке.


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

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

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

Настройка поддоменов

Для того, чтобы при переключении города происходил переход на поддомен города в настройках модуля нужно включить опцию "Использовать поддомены". Перейдите в административную часть Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate.

Настройки модуля

В списке городов для каждого города задайте Домен города без указания протокола (http://, https://). Можно указывать одинаковые домены для нескольких городов.

Список городов

Теперь при смене города будет происходить перенаправление на нужный домен:

Поддомен города

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

Поддомен города

Если вы хотите реализовать несколько поддоменов на одном сайте, то в настройках сайта укажите по каким доменам он будет также доступен. Перейдите в административную часть Настройки - Настройки продукта - Сайты - Список сайтов:

Редактирование сайта

Модификация решения

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

Изменения в стилях


Стили сайта зависят от выбранной цветовой схемы или выбранных пользователем любых двух цветов сайта. Поэтому при изменении схемы или цветов изменяется файл со стилями. Ваши изменения будут стерты.

Пользовательские стили стоит добавлять в файл:
/local/templates/bitlate_pro/css/site.css

Изменения в скриптах


Пользовательские скрипты стоит добавлять в файл:
/local/templates/bitlate_pro/js/scripts.js

Добавление кодов счетчиков


Коды счетчиков, которые располагаются в шапке перед закрывающим </head> нужно добавлять в файл
/local/templates/bitlate_pro/include/header_head.php

Коды счетчиков, которые располагаются в подвале перед закрывающим </body> нужно добавлять в файл
/local/templates/bitlate_pro/include/footer_body.php

Изменения в файлах шаблона

Все остальные файлы в папке /local/templates/bitlate_pro/ изменяются при обновлении. Не стоит вносить в них свои изменения.

При обновлении также изменяются файлы в папке модуля /bitrix/modules/bitlate.proshop/, в папке с компонентами модуля /bitrix/components/bitlatepro/.

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

Изменения в шаблонов некоторых компонентов

(доступно с версии 2.1.4)

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

  • Шаблон карточки товара (catalog.element)
  • Шаблон отображения товаров вида "Плитка" (catalog.section)
  • Шаблон отображения товаров вида "Список" (catalog.section) (catalog.section)
  • Шаблон отображения товаров вида "Мелкий список"
  • Шаблон отображения товаров в избранном (catalog.section)
  • Шаблон умного фильтра (catalog.smart.filter)
  • Шаблон сравнения товаров (catalog.compare.result)
Созданные вами пользовательские шаблоны не будут стерты при обновлении модуля.

Рассмотрим пример модификации карточки товара.

Перейдите в административный раздел Bitlate - Настройки - Адаптивный интернет-магазин PRO Bitlate. Во вкладке "Каталог" в блоке "Внешний вид" для параметра "Шаблон карточки товара" выберите "Пользовательский".

Настройки

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

Настройки

Скопируйте путь к системному шаблону (1), перейдите в управление структурой сайта Контент - Структура сайта - Файлы и папки. В строку путь вставьте скопированный ранее путь к шаблону и нажмите "ОК":

Управление структурой

В списке открывшихся файлов перейдите на уровень вверх и скопируйте системную папку с шаблоном:

Управление структурой

В открывшееся окно вставьте путь к папке пользовательского шаблона (2) и нажмите "Копировать".

Управление структурой

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

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


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