Содержание

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

Установка решения на виртуальную машину VMBitrix

В рамках этой инструкции мы предполагаем, что у вас:

  • Установлена и обновлена до последней версии виртуальная машина VMBitrix
  • Выбрана версия PHP минимум 7.4
  • Установлен 1С-Битрикс: Управление сайтом
  • Активированы лицензия 1С-Битрикс и купон на решение МаркетПро

Загрузка установщика

Загрузка установщика

В панели администрирования перезодим в Marketplace > Установленные решения. В списке Купленные решения нажимаем на кнопку меню и выбираем пункт Загрузить.



После загрузки нажимаем Установить.



Переходим в Список мастеров.



В списке мастеров напротив решения нажимаем на кнопку Меню и выбираем пункт Установить.


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

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

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

Выбираем сайт Существующий и нажимаем Далее.


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

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


После установки вы увидите соответствующее сообщение, но НЕ НАЖИМАЙТЕ на Перейти на сайт.


Вместо этого опять перейдите в панель администрирования, набрав в адресной строке https://вашсайт.ру/bitrix/

Затем нужно зайти в настройки модуля решения: Настройки > Настройки продукта > Настройки модулей > МаркетПро: Интернет-магазин и мобильное приложение.


В сервисных настройках (в самом низу) укажите адрес сайта вместе с протоколом http:// или https://, но БЕЗ слеша в конце, например, https://вашсайт.ру. Также введите номер порта, на котором будем работать NodeJS. Можно указать любой незанятый порт, например, любое число от 3000 до 4000.

После установки настроек нажимаете Применить.

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

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

Первоначально нужно в виртуальной машине VMBitrix настроить сервис Push/RTC. Как это сделать можно посмотреть в документации по виртуальной машине VMBitrix  https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=37&LESSON_ID=9379 

После того как установка Push завершена, необходимо зайти через любой файловый менеджер с поддержкой sFTP, например, WinSCP (только для Windows) или   FileZilla, в папку /etc/nginx/bx/site_avaliable/ и открыть конфигурационный файл вашего домена. Если у вас только один сайт на данной виртуальной машине, то обычно конфигурационные файлы имеют название s1.conf (если сайт работает по http-протоколу) и ssl.s1.conf (если сайт работает по https-протоколу). Если сайтов на виртуальной машине несколько, то конфигурационные файлы будут иметь название вашего домена, например, bx_ext_example.com.conf или bx_ext_ssl_example.com.conf.

После строчки 

 root /home/bitrix/www;

вставьте код:

set $PORTNUXT 3000;
location ~ ^\/(?:(?!bitrix|api|upload|local|php|.well-known|restore\.php)) {
 add_header Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" always;
 add_header X-Frame-Options "SAMEORIGIN";
 try_files $uri $uri/index.html @proxy; # for generate.subFolders: true
}
set $webp_suffix "";
if ($http_accept ~* "webp") {
 set $webp_suffix ".webp";
}
location ~* (.*)\.(png|jpg|jpeg)$ {
 set $webp $1.$2.webp;
 set $rootFile "${document_root}${webp}";
 if ($http_accept ~* "webp"){set $test A;}
 if (-f $rootFile) {set $test "${test}B";}
 if ($test = AB) {
  add_header Vary Accept;
  rewrite (.*) $webp break;
 }
 error_page 404 /404.html;
 expires 365d;
}
location @proxy {
 add_header Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" always;
 add_header X-Frame-Options "SAMEORIGIN";
 add_header X-Cache-Status $upstream_cache_status;
 proxy_redirect off;
 proxy_set_header Host $host;
 proxy_set_header X-Real-IP $remote_addr;
 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 proxy_set_header X-Forwarded-Proto $scheme;
 proxy_ignore_headers Set-Cookie Cache-Control;
 proxy_http_version 1.1;
 proxy_read_timeout 1m;
 proxy_connect_timeout 1m;
 proxy_pass http://127.0.0.1:$PORTNUXT;
}

Обратите внимание, что в первой строчке set $PORTNUXT 3000; вам необходимо указать номер порта, который вы указывали в настройках модуля решения МаркетПро. По умолчанию указан порт 3000.


Сохраняете файлы. 

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

systemctl restart nginx

После этого введите команду

rm -Rf prepare-marketpro.sh && wget https://astdesign.ru/prepare-marketpro.sh && chmod +x prepare-marketpro.sh && ./prepare-marketpro.sh

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

На первом шаге вам нужно указать корректный путь до корневой папки сайта БЕЗ слеша в конце. По умолчанию это /home.bitrix/www. Если у вас именно такой путь, то можете просто нажать Enter. Если путь другой, то укажите его и нажмите Enter.


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


Если на каком-то этапе произошла ошибка, то будет показано красное сообщение. В данном случае рекомендую связаться с техподдержкой support@astdesign.ru для решения проблем. В письме сразу пришлите sFTP доступ к серверу.

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

Установка решения на виртуальную машину VMBitrix в режиме многосайтовости

Решение МаркетПро можно установить в режиме многосайтовости. Поддерживается только вариант с отдельным доменом (или поддоменом). В подпапку решение установить не получится.

Первоначально вам необходимо добавить ещё один сайт через меню виртуальной машины. Как это сделать описано в инструкции Битрикс https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=37&LESSON_ID=8849.

Предположим, что первый домен имеет название site1.ru, а второй site2.ru (сюда устанавливаете МаркетПро).

Заходите в административную панель, но ОБЯЗАТЕЛЬНО, через домен site2.ru, например, http://site2.ru/bitrix/.Переходите в список сайтов Настройки > Настройки продукта > Сайты > Список сайтов и нажимаете Добавить сайт.


В панели создания сайта указываете минимум:

  • Код сайта
  • Название сайта
  • Домен
При желании можете сразу заполнить все поля.


 В блоке Шаблон сайта оставляете пункт Запустить мастер установки решения и нажимаете Сохранить

Запустится мастер установки решения. Он аналогичен мастеру, который подробно описан в инструкции Установки серверной части решения.

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

В блоке Сервисные настройки укажите Адрес сайта вместе с протоколом, но БЕЗ слеша в конце, например, https://site2.ru и нажмите Применить. Обратите внимание, что порт необходимо уже указывать новый. Например, при первой установки решения вы указали порт 3000, при второй можете указать, к примеру 3001.


Далее необходимо установить клиентскую часть приложения. Этот процесс подробно описан в инструкции Установки клиентской части решения.

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

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

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


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

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

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

Primary - основной цвет сайта

Он используется в большинстве блоков, например:

  • Кнопка Каталог
  • Ссылки
  • Кнопка В корзину
  • Строка поиска
  • Хлебные крошки и т.д.


Secondary - цвет-компаньон

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


Accent

Данный цвет используется в элементах:

  • Обводка текстовых полей 
  • Фон информационных сообщений и т.д.

Accent-2

Этот цвет используется всего в паре мест, самое важное из которых - это фон нижней части сайта (footer)


Error - ошибка

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


Success - успешное выполнение

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


Gray

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


Gray Light

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


Orange

Этот цвет используется только в одном месте - это звёздочки в отзывах.


Логотип

Вы можете загрузить логотип как в векторном формате SVG (рекомендуем) или же в растровом, например, PNG или JPG.

Для загрузки векторного формата используйте поле Логотип в формате SVG, для растрового поле Логотип.


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

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

  • Ширина логотипа
  • Высота логотипа
Но это не реальные размеры изображения, а всего лишь соотношение сторон, то есть не важно укажете ли вы 512x512 или 1x1. Для простоты рекомендуем указать просто ширину и высоту исходной картинки. 

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

Для иконки сайта и PWA вам необходимо загрузить изображение в формате PNG в поле Favicon. Загружайте квадратное изображение размером минимум 512x512px.


Название сайта и компании

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

Название сайта необходимо для разметки OpenGraph в качестве значения поля og:site_name. Также значение этого поле используется в качестве альтернативного текста (ALT) для логотипа.


Название организации в настоящий момент не используется.

Маска телефона

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

Маска телефона для некоторых стран:

  • Россия (+7|8) 999-999-99-99
  • Украина +38 99-999-99-99
  • Беларусь +375 99-999-99-99
Краткое пояснение, что это значит:

  • 9 - любая цифра
  • (+7|8) - допускается ввод +7 или 8
  • +38 - допускается только +38

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

По умолчанию задана маска телефона для Российских номеров.



Копирайт

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

Данный текст отобразится в нижней части сайта.

Пользовательские стили сайта

Клиентская часть приложения поставляется уже в скомилированном виде, поэтому доступа к исходным VUE-компонентам нет. 

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

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


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


После внесения измененить нажмите Сохранить.

Также вы можете изменить файл через файловый менеджер. Путь к файлу /static/custom.css

Обратите внимание, что решение использует CSS Modules, поэтому названия классов имеют hash-часть в конце, например, components-header-header-main-line-logo-vwqoh. Она может периодически меняться, поэтому лучше вместо:

div.components-header-header-main-line-logo-vwqoh { /* your styles */}

писать 

div.[class*=' components-header-header-main-line-logo-'] { /* your styles */}

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

Супер-умный поиск

Возможности поиска в решение МаркетПро: интернет-магазин и мобильное приложение:

  • Исправление ошибок
  • Поиск по синонимам
  • Внешний сервис поиска

Исправление ошибок

Чтобы включить этот функционал достаточно установить галочку Исправлять ошибки в поисковых фразах и использовать синонимы

Теперь система будет пытаться исправить ошибки пользователя:


Синонимы 

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

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

Теперь необходимо зайти Контент > Highload-блоки > Синонимы и нажать на Добавить запись.


В открывшейся форме укажите синоним (например, лаптоп) и слово, которое ему соответствует (например, ноутбук).


Сторонние сервисы поиска

Теперь вы можете использовать для поиска не алгоритмы 1С-Битрикс, а ЯндексMultiSearch или SearchBooster.

Принцип работы у них похожий. Вы загружаете сгенерированный сайтом YML-файл. Сервис его анализирует. Когда пользователь вводит запрос на вашем сайте, запрос идёт к сервису. Сервис возвращает результаты на сайт, а сайт уже показывает нужные данные клиенту.

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

После этого в них вы получите Идентификаторы, которые нужно ввести в соответствующих полях 


После обработки вашего прайса поиск заработает в полную силу.

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

Использовать быстрый заказ

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

Кнопка Купить в один клик показывается под кнопкой В корзину в карточке товара.


Использовать быстрый заказ в корзине

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



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

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

Независимо от типа быстрого заказа (карточка или корзина) всплывёт нижеследующая форма.


Способ оплаты для быстрого заказа

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

Временное закрытие публичной части сайта

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

Доступ закрыт

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

Текст

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

Разрешённый IP

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

Разрешенные токены

Также вы можете указать токен, к которому привязана ваша сессия. Для этого откройте панель разработчика в Вашем браузере. В Google Chrome это комбинация Ctrl+Shift+I . Перейдите на вкладку Application и выберите слева Cookies. В таблице найдите поле token и скопируйте значение.


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

Личные данные покупателя при оформлении заказа

В решении МаркетПро при оформлении заказа запрашиваются следующие личные данные:

  • Фамилия *
  • Имя *
  • Отчество
  • Телефон *
  • Email

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

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


Например, на скриншоте выбрано, что в доставке Самовывоз будет показываться поля Имя и Email. Во всех остальных доставках показываются все поля. 

Обратите внимание! Что если для какой-то доставки выбрано поле ФИО, но не выбрано Телефон или Email, то по умолчанию будет запрашиваться телефон.

Копирайт

Команда МаркетПро будет безгранично вам благодарна, если вы оставите небольшую ссылку на нашу команду разработки.


Но, если вы сильно против, то вы можете скрыть наш копирайт. 

Для этого необходимо создать пустой файл /bitrix/modules/astdesign.marketpro/files/hideCopyright.txt.

Сервис SMS-авторизации

Выбор сервиса для отправки SMS-сообщений происходит в выпадающем списке Сервис (модуль) для отправки СМС.


Решение поддерживает:

  • Встроенные службы 1С-Битрикс: 
  • Сервис SMS-Центр - появится, если установите соответствующий модуль.

Ссылки на социальные сети

Блок с социальными сетями показывается в нижней части сайта (footer). 


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


Поддерживаются следующие социальные сети:

  • ВКонтакте
  • YouTube
  • Instagram
  • Facebook
  • Twiiter
  • Telegram
  • WhatsApp

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

Водяной знак

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

Типы цен

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

Символ валюты

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


Скрывать товары, которые нельзя купить

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

Конвертировать все цены в базовую валюту

Если в вашем магазине цены заданы в разной валюте: евро, доллары и т.д., то установите эту галочку, чтобы все цены конвертировались в основную валюту сайта. 

Предположим, что у ТОВАР1 указана цена 100$. Без этой галочки, на сайте будет написано 100 руб., что неверно. При установке этой галочки 100$ пересчитается по курсу валюты и ТОВАР1 будет написана цена 7 357 руб.

Основная валюта

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

Сортировка товаров по умолчанию

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


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

Популярные варианты:

  • SORT - индекс сортировки
  • ID - идентификатор товара, по сути товары, которые недавно были добавлены
  • NAME - название
  • CATALOG_AVAILABLE - доступность товара

Порядок сортировки

  • ASC - по возрастанию
  • DESC - по убыванию

Ознакомиться со всеми возможными вариантами полей для сортировки вы можете в документации 1С-Битрикс:  https://dev.1c-bitrix.ru/api_help/iblock/classes/ciblockelement/getlist.php 

Использовать прямой порядок сортировки

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


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

Количество товаров на одной странице

Указывайте желаемое количество товаров на одной странице. Необходимо, чтобы это число было кратно четырём, например, 48, 52, 56 и т.д., так как на сайте показывается по четыре товара в ряд. Если указать, например, 47 то в последнем ряду будет всего три товара - некрасиво.

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

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

Плитка

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


Список

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


Изменение количества товара без перехода в корзину

Возможны два варианта поведения кнопки В корзину после нажатия.

1. Надпись на кнопке меняется на В корзине. И при повторном клике пользователь переходит в корзину. Это актуально, например, для покупки электроники (ноутбук, смартфон, телевизор).


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


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



Показывать единицы измерения

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

Тип страницы бренда

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

Решение поддерживает два вида страницы бренда:

Отдельная страница


Состоит из:

  • Название
  • Логотип
  • Слайдер
  • Разделы каталога
  • Блоки с товарами (количество блоков не ограничено)
  • Статьи и обзоры

Как раздел каталога

Внешний вид страницы аналогичен странице раздела каталога. Единственное отличие - наличие логотипа слева от названия бренда.


Блоки на странице:

  • Логотип
  • Название
  • Фильтр товаров
  • Список разделов
  • Список товаров
  • Дополнительные блоки с товарами
  • SEO-текст

Поле и порядок сортировки разделов

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

P.S. ASC - по возрастанию, DESC - по убыванию.


Отзывы

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

Если галочка не установлена, то функционал отзывов на сайте не используется.


Сервисные свойства

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


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

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


Чтобы узнать какой код какому свойству соответствует, зайдите Контент > Инфоблоки > Типы инфоблоков > astdesign.marketpro: Каталог и перейдите на вкладку Свойства. Если поле код пустое, вы можете указать своё значение.



Типы доставок

В решении МаркетПро при оформлении заказа может быть три типа доставки:
  • Стандартная - без каких-либо дополнительных полей
  • Пункты выдачи - карта с метками для выбора
  • Курьер - показывается поле для ввода адреса

Стандартная

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


Пункты выдачи

Подходит, когда вы доставляете товары в пункты самовывоза транспортных компаний (СДЭК, Boxberry, PickPoint и т.д.) или же у вас есть несколько розничных магазинов. 


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


Курьер

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

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


SEO-настройки

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

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


Мобильное приложение

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

Ссылка на приложение Android/iOS

Укажите ссылку на ваше приложение в этих полях. После этого соответствующие иконки-ссылки появятся в футере сайта (на desktop-версии)


 и в нижней части меню (мобильной версии)


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

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


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

Внешние скрипты

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

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

  • Скрипты в теге HEAD
  • Скрипты после открывающего тега BODY
  • Скрипты перед закрывающим тегом BODY


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

Если какой-то конкретный сервис просит разместить код в другом месте (хотя в 99% хватит этих полей), обратитесь в поддержку МаркетПро. Мы придумаем, как это можно сделать.

Служебные настройки

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

Адрес сайта вместе с протоколом

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

Правильный вариант:

Неправильные варианты:

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

Порт NGINX

Номер порта, на котором работает NodeJS сервер. По умолчанию 3000. Указывается при установке решения.

API-ключ Яндекса

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

Получить API-ключ можно в Кабинете разработчика. Нажмите "Получить ключ", затем выберите сервис "JavaScript API и HTTP Геокодер" и заполните анкету — ваш API-ключ будет сразу готов к использованию.

IP-сервис

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

Срок хранения токена

Система авторизации на сайте построена на механизме использования токенов, которыми обменивается Клиент и Сервер. По умолчанию срок хранения токена равен 30 дней. Это значит, что если пользователь зашёл на сайт сегодня, а затем зайдёт через 31 день, то система его не узнает и подумает, что это новый пользователь. Если же пользователь зайдёт через 29 дней, то система его узнает и обновит ему токен ещё на 30 дней.

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

Режим разработки

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

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

Сервисные функции

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

  • Полная проверка
  • Проверить файлы из очереди

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

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

Полная проверка

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

Проверить файлы из очереди

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

Каталог

Товары

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

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


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

Название - обязательно

Название товара в списке, в поиске и на детальной странице

Символьный код - обязательно

Часть ссылки после /products/


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


Если у вас такого значка нет, то необходимо зайти Контент > Инфоблоки > Типы инфоблоков > Каталог > Каталог товаров.


Затем на вкладке Поля поставить галочки напротив Символьного кода:

  • Обязателен к заполнению

Артикул

Выводится в карточке товара справа вверху. 


Бренд

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

Характеристики товара

Заполните все необходимые характеристики товара.


Как добавить новые характеристики (Свойства) подробно рассказано в документации 1С-Битрикс https://dev.1c-bitrix.ru/user_help/content/iblock/iblock_edit_property.php 

Изображения

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


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


Штрихкод

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

Коллекции

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

Подробная информация о коллекциях

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

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

SEO

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

  • Title
  • Meta Keywords
  • Meta Description
  • H1 
Подробная инструкция по работе с этими элементами есть в инструкции Битрикса https://dev.1c-bitrix.ru/user_help/content/iblock/iblock_edit.php

Раздел - обязательно

На вкладке Разделы вам необходимо выбрать раздел, к которому относится создаваемый товар.

Цена - обязательно

Чтобы указать цену на товар перейдите на вкладку Торговый каталог и в поле Базовая цена на вложенной вкладке Цены укажите необходимое значение.


После внесения необходимых данных нажмите Сохранить.

Использовать быстрый заказ

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

По клику на данную кнопку всплывёт форма


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

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


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

Чтобы отредактировать товар, найдите его в списке элементов и на строке товара нажмите на Три полоски и в выпадающем меню выберите Изменить.


Откроется форма, аналогичная форме создания элемента.

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

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

Мы поддерживаем два вида торговых предложений:

  • Классические
  • Варианты товаров

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


Также они отображаются в списке товаров у конкретных элементов.


Рассмотрим, когда и какой тип выбрать.

Классические торговые предложения

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

Торговые предложения с вариантами товаров

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


Например, вы продаёте корма для кошек. В каталоге представлены: 

  • Корм для кошек 400г
  • Корм для кошек 1,5кг 
  • Корм для кошек 10кг

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

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



Классические торговые предложения

Чтобы создать торговое предложение зайдите Магазин > Каталог товаров > Элементы и справа вверху на синей кнопке нажмите Стрелку и выберите Создать другие типы товаров > Создать товар с торговыми предложениями.

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


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


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


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

Первоначально необходимо узнать код свойств цвета и размера. Для этого заходите в Магазин > Каталог товаров > Свойства торговых предложений и увидите список всех свойств, которые созданы на данный момент. Там же вы найдёте символьный код свойств. В нашем случае это COLOR и SIZE.


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


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


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


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


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


В этой инструкции мы заполняли характеристики товара Цвет и Размер, а также указывали коды свойства COLOR и SIZE в настройки модуля решения. В результате покупатель на карточке товара может выбрать оба этих параметра. Но возможны случаи, когда в вы заполняете у товаров и Цвет, и Размер, но хотите, чтобы в некоторых разделах пользователю предлагалось выбирать по цвету, а в некоторых по размеру. В данном случае глобальное указание символьных кодов нам не поможет и необходимо сделать эти настройки для конкретных разделов. Переходите Магазин > Каталог товаров > Разделы > Конкретный раздел и в строке с нужным подразделом нажимаете на три полоски и выбираете Изменить.


В форме редактирования раздела переходите на вкладку Доп. поля и выбираете нужные характеристики в поле Свойства торговых предложения для отбора. Например, для одного раздела Цвет, а для другого Размер.


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

Варианты товаров (перекрёстные ссылки)

Предположим, что у вас уже есть несколько товаров, которые вы хотите связать по свойству Память, например Смартфон 1ГБ, Смартфон 2ГБ, Смартфон 4ГБ. При заходе в Смартфон 1ГБ, клиент будет видеть другие вариации данного товара. Если такое свойство ещё не заполнено, то необходимо его добавить. Заходите Магазин > Каталог товаров > Свойства товаров и нажимаете кнопку справа вверху Добавить свойство.


В открывшемся окне обязательно заполняете Название и Символьный код и нажимаете Сохранить


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

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

Далее заходите ТОЛЬКО в один из товаров, которые нужно связать (не важно в какой именно) и в поле Другие варианты указываете товары, которые необходимо связать. Указывайте название товара и система подскажет вам конкретный товар в выпадающем списке и нажимаете Сохранить. Например, в товаре Смартфон 1ГБ указываете связь с товарами Смартфон 2ГБ и Смартфон 4ГБ


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


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


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


В этой инструкции мы указывали код свойства в настройки модуля решения. Но возможны случаи, когда вы заполняете у товаров и Цвет, и Оперативная память, но хотите, чтобы в некоторых разделах пользователю предлагалось выбирать по цвету, а в некоторых по оперативной памяти. В данном случае глобальное указание символьных кодов нам не поможет и необходимо сделать эти настройки для конкретных разделов. Переходите Магазин > Каталог товаров > Разделы > Конкретный раздел и в строке с нужным подразделом нажимаете на три полоски и выбираете Изменить.


В форме редактирования раздела переходите на вкладку Доп. поля и выбираете нужные характеристики в поле Свойства, отображаемые в вариантах товара. Например, для одного раздела Цвет, а для другого Оперативная память.

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



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

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

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


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

Комплекты

Комплект – это список товаров, которые содержатся внутри комплекта и будут списаны с вашего склада при покупке. Сам комплект не имеет физического остатка, его остаток зависит от товаров, которые входят в этот комплект. Удобно применять, например мебельщикам. Для нас, как для клиента интернет-магазина, стол - это товар законченный и целый, а для них - это 4 ножки, столешница, болтики и т.д. Вы покупаете стол, а со склада списываются необходимые комплектующие, из которых состоит этот стол. Примеров применения комплектов можно найти массу.

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

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


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


Откроется почти стандартная форма для добавления товаров (https://docs.astdesign.ru/course/?COURSE_ID=1&LESSON_ID=35&LESSON_PATH=1.25.34.35). Но появится новая вкладка Состав комплекта.


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

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

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

Данный функционал доступен только в редакции Бизнес и CRM+Магазин.

Наборы

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

Удобно использовать, чтобы подтолкнуть клиента к дополнительной покупке аксессуаров, например, при покупке ноутбука предложить сумку и Microsoft Office.

Выглядит набор следующим образом:


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

Данный функционал доступен только в редакциях Бизнес или Магазин+CRM.

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


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


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


На данный момент количество больше 1 не поддерживается. 

После выбора товаров нажмите зелёную кнопку Сохранить

Свойства товаров

Как добавить новые характеристики (Свойства) подробно рассказано в документации 1С-Битрикс https://dev.1c-bitrix.ru/user_help/content/iblock/iblock_edit_property.php 

Группировка свойств

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


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


Заполните поля:

Название

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

Разделы каталога

Выберите разделы, для которых создаёте группировку свойств.

Применять для подразделов

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


Остальные поля на данном шаге заполнять НЕ НУЖНО! После внесения данных нажмите Сохранить.

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

Название

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


Свойства каталога

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


Какие-либо другие поля заполнять НЕ НУЖНО! После внесения изменений не забудьте нажать Сохранить.

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

Возможно, после проведения этой операции потребуется сбросить кеш. О том как это сделано рассказано в инструкции Битрикс https://dev.1c-bitrix.ru/user_help/settings/settings/cache.php блок Очистка кеша.



Подсказки для характеристик

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

Подсказки отображаются в карточке товара


а также в фильтре на странице раздела


Чтобы указать подсказку для свойства перейдите Контент > Инфоблоки > Типы инфоблоков > Каталог > Каталог товаров и зайдите на вкладку Свойства. Около нужного параметра нажмите на кнопку Изменить (три точки).


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


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

Свойства с иконками

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

Чтобы добавить иконки для какого-либо свойства зайдите Контент > Каталог > Свойства с иконками > Элементы и нажмите справа Добавить элемент.

Откроется форма для добавления свойства с иконкой.

Название 

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

Свойство

Выберите свойство (начните вводить название), для которого добавляется иконка.

Раздел

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

Детальная картинка

Загрузите изображение для иконки.

Разделы

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

Чтобы создать раздел перейдите Магазин > Каталог товаров > Каталог товаров > Разделы и вверху справа нажмите Добавить раздел.


В открывшейся форме заполните поля:

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

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

Название - обязательно

Название товара отображается в списке разделов и на странице раздела.

Символьный код - обязательно

Это часть ссылки на страницу категории. Например, в случае ссылки https://marketpro.astdesign-demo.ru/catalog/lcd-televizory/ Символьный код это lcd-televizory.

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


Если у вас такого значка нет, то зайдите Контент > Инфоблоки > Типы инфоблоков > Каталог > Каталог товаров., перейдите на вкладку Поля разделов и поставьте галочки:

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

Не забудьте нажать Сохранить.


Изображение

Изображение категории показывается в трёх местах:

В поисковой выдаче


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


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


Детальное описание

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

Вид отображения

Находится на вкладке Доп. поля.

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

Плитка

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


Список

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


Основные свойства

Находится на вкладке Доп. поля.

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

По умолчанию показываются первые N свойств. 

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

Показывать на главной странице

Находится на вкладке Доп. поля.

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


Иконка в меню

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

SEO

В данном блоке вы можете указать мета-теги раздела: Title, H1, keywords и description. Подробнее о принципах заполнения этих полей можете посмотреть в инстуркции Битрикс  https://dev.1c-bitrix.ru/user_help/store/catalog/products/cat_section_edit.php

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

Фильтр товаров

Изображения в фильтре товаров

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

Для этого при создании свойства инфоблока выберите тип Справочник.


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


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

Таблица размеров

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

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


Чтобы добавить создать новую таблицу размеров перейдите в Контакт > Справочники > Таблицы размеров > Элементы. В открывшейся странице нажмите на Добавить элемент или щёлкните по названию уже существующей таблицы размеров.


Перед вами откроется форма создания/редактирования элемента.


1. Название 

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

2. Бренд

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

3. Раздел

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

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

4. Таблица размеров

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

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


Чтобы иметь возможность править HTML-код, перейдите в соответствующий режим.



Бренды

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

Чтобы создать бренд перейдите Контент > Каталог > Бренды > Элементы и справа вверху нажмите Добавить элемент.

Откроется форма добавления бренда.

1. Название

2. Символьный код - часть ссылки, /brands/__CODE__/

3. Детальное изображение - логотип бренда

4. Сортировка - по умолчанию 500. Чем число меньше, тем раньше этот бренд представлен в списке брендов.

5. Разделы каталога для отображения - выберите разделы, которые показывать на странице бренда. Актуально для типа страницы Отдельная страница.


6. Тип страницы

Решение МаркетПро: интернет-магазин и мобильное приложение поддерживает два варианта отображения бренда:

Отдельная страница


Состоит из:

  • Название
  • Логотип
  • Слайдер
  • Разделы каталога
  • Блоки с товарами (количество блоков не ограничено)
  • Статьи и обзоры

Как раздел каталога

Внешний вид страницы аналогичен странице раздела каталога. Единственное отличие - наличие логотипа слева от названия бренда.


Блоки на странице:

  • Логотип
  • Название
  • Фильтр товаров
  • Список разделов
  • Список товаров
  • Дополнительные блоки с товарами
  • SEO-текст

7. Отображать на главной странице

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

8. Показывать в разделах меню

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


Цены

Вторая цена товара

Эту функцию можно использовать по разному - зависит от вашей фантазии и потребностей.  Она доступна в редакциях Бизнес и CRM+Магазин.


Можно реализовать два сценария:

  • Вторая цена применяется при покупке от NNN руб. (накопительные скидки, совместные покупки и т.д.)
  • Вторая цена применяется для определённой группы покупателей (оптовики, VIP-клуб и т.д.)

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


Откроется форма добавления/изменения типы цены.


  • Код - отображается в настройках решения

  • Название - отображается в публичной части, если у товара две цены.

  • Группы пользователей, имеющие права на просмотр этого типа цен - выберите Все пользователи (в том числе неавторизованные)

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

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


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

4. Использовать порог применения типов цен - отметьте галочку, если планируете использовать сценарий "Вторая цена при покупке от NNN руб."

В случае установки галочки Использовать порог применения типов цен, нужно создать этот порог. Для этого перейдите Контент > Highload-блоки > Доп. настройки типов цен и нажмите Добавить запись. Если вы ранее уже создавали запись, то необходимо её отредактировать.

Откроется форма:


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

ID типа второй цены можно увидеть в списке типов цен.


Если у вас до этого была только одна цена, то ID второй цены скорее всего 2.

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

На этом настройка закончена.

Коллекции

Коллекции - это свойство, которое объединяет несколько товаров одного или нескольких брендов. Несколько примеров для лучшего понимания:

  • Одежда - коллекция осень-зима 2022 (тёплые куртки, ботинки, свитера)
  • Компьютеры и ноутбуки - коллекция Игровой (данное оборудование разработано специально для игр)
  • Керамическая плитка - коллекция Arabesco (несколько вариантов плиток, которые можно использовать для создания интерьера одного помещения)
  • Бытовая химия - коллекция ECO (товары, которые имеют безопасный состав)

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

Раздел коллекций выглядит следующим образом:


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


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


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

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

Чтобы создать коллекцию перейдите Контент > Каталог > Коллекции > Элементы и в правом верхнем углу нажмите Добавить элемент.

Откроется форма создания/редактирования коллекции. Заполните поля:

Название - название коллекции - ОБЯЗАТЕЛЬНО

Символьный код - часть ссылки коллекции /collections/__COLLECTION_CODE__/ - ОБЯЗАТЕЛЬНО 

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

Описание для анонса - данный текст показывается в списке коллекций под названием

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


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


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

Отображать на главной странице - при установке галочки коллекция покажется в блоке Новые коллекции на главной странице сайта


После заполнения данных нажмите на зелёную кнопку Сохранить.

Реклама и маркетинг

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

Рекламные блоки товаров

Решение МаркетПро: интернет-магазин и мобильное приложение позволяет создавать рекламные блоки с товарами на нескольких типах страниц:

  • Главная
  • Раздел
  • Товар
  • SEO-страница 
  • Бренд
  • Корзина

На разных страницах  предусмотрено разное количество позиций.

Главная 

marketpro.astdesign-demo.ru_.png

Раздел и SEO-страница 

Позиция находится под списком товаров и пагинацией.


Товар

192.168.1.135_products_ventilyator-air-shower-boneco-f230-napolnyy-tsvet-belyy-white_.png

Бренд

Под списком разделов.


Корзина

Под списком товаров


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

Чтобы создать подобные блоки с товарами перейдите в административной панели Контент > Реклама и SEO > Правила отображения блока с товарами. В этом инфоблоке будет уже создано пять разделов, которые соответствуют пяти типам страниц. Не удаляйте их и не изменяйте! В списке элементов нажмите вверху справа на Добавить элемент. Откроется форма создания рекламного блока.


1. Раздел правила

Выберите тип страницы, для которой создаётся блок: главная, список товаров и т.д.

2. Название 

Название блока с товарами.


3. Правила отбора

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


4. Разделы каталога

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


5. Товары каталога

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

6. SEO-страницы

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

7. Бренд

Это поле необходимо заполнять в случае создания блока для страницы Бренда.  Начните вводить название бренда и выберите из предложенных вариантов. В результате данный блок будет показываться только на указанных брендах. Обратите внимание, что на данных типах страниц действует дополнительный фильтр по бренду. То есть нет необходимости в Правилах отбора выбирать конкретный бренд. Достаточно выбрать другие важные для вас правила, например, установлена галочка Новинка.

8. Ссылка

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


9. Позиция

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


10. Применять для всех

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

11. Использовать для рекомендация в корзине

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

Редактирование мета-тегов

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

  • Товары
  • Разделы
  • Бренды
  • Новости
  • Главная страница и т.д.

Но разные сущности необходимо редактировать по разному. 

Товары, Разделы, Бренды, Статья

Чтобы отредактировать эти данные достаточно зайти в изменение элемента (или раздела) инфоблока и указать нужные значения на вкладке SEO.


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

Главная, Каталог, Бренды, Статьи 

В данном пункте имеются ввиду корневые страницы каталога, раздел "Бренды" и раздел "Статьи", а не конкретные их элементы. Для их редактирования перейдите Контент > Реклама и SEO > Мета-теги.


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

Лейблы

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

Управление перечнем лейблов товаров происходит на странице Контент > Справочники > Лейблы для каталога товаров > Элементы. Чтобы добавить новый лейбл нажмите Добавить элемент.

Откроется форма создания/редактирования.


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


2. CSS класс элемента - если не заполнено, то 4. Цвет обязательно к заполнению. Можно указать один из готовых цветовых классов для лейбла:

  • primary
  • secondary
  • accent 
  • accent2 
  • error
  • success
  • gray 
  • grayLight
  • orange

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

3. Применять для скидок

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


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

4. Цвет - если не заполнено, то 2. CSS класс элемента обязательно к заполнению.

Если какой-либо готовый цвет вам не подходит, вы можете указать произвольный в HEX-формате. Обязательно в начале указывайте знак решётки, например, #FF0000.

5. Ссылка

Если будет указана ссылка, то при клике на этот лейбл пользователь перейдёт по определённую страницу.

Привязка лайблов к товарам

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

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


Баннеры

В решении МаркетПро: интернет-магазин и мобильное приложение можно размещать рекламные баннеры на разных типах страниц.

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

Чтобы добавить баннер на главную страницу перейдите Контент > Реклама и SEO > Баннеры на главной странице > Элементы. В верхнем правом углу нажмите Добавить элемент.


Откроется форма редактирования/создания баннера.


1. Название - обязательно

Необходимо, чтобы вы могли отличать один баннер от другого в списке элементов.

2. Изображение - обязательно

Картинка баннера. Чтобы всё красиво и ровно смотрелось необходимо, чтобы баннеры в одной позиции (поле 5) были в одинаковых пропорциях.

3. Сортировка

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

4. Ссылка - обязательно

Адрес страницы, на которую перейдёт пользователь по клику. Если это внутренняя ссылка, указывайте относительный путь (без домена, например, /catalog/section-name/). Если это внешняя ссылка, то тогда можете указывать абсолютный путь, например, https://astdesign.ru/ 

5. Позиция (Тип) - обязательно

Вы можете выбрать одну из четырых позиций.


Если в одной позиции будет создано несколько баннеров, то они встанут в одну строчку, равномерно разделив пространство. Например, в Позиции №1 добавлено три баннера, а позиции №3 - два баннера.

Для баннера в позиции №4 подойдут длинные вертикальные изображения.

6. Регион

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

Действует принцип наследовательности. То есть выбрав Ленинградская область, баннер будет показываться во всех населённых пунктах этой области.



Баннеры в разделе товаров

Чтобы добавить баннер в разделе товаров перейдите в Контент > Реклама и SEO > Баннеры в каталоге > Элементы и нажмите справа вверху Добавить Элемент.

Откроется форма добавления/редактирования баннера.

1. Название

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

2. Ссылка 

Адрес страницы, куда будет вести баннер при клике на него

3. Изображение для десктопа (настольный компьютер, ноутбук)

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

4. Изображение для мобильной версии и мобильного приложения

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

5. Позиция

Вы можете выбрать две позиции для баннеры: 

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


6. Сортировка

На данный момент никак не используется.

7. Раздел

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

8. SEO-страница

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

9. Регион

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

Коллекции

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

Подробнее о коллекциях

Бонусная система

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

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

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


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


Информация о имеющихся бонусах клиента размещена в личном кабинете:




Настройка бонусной программы

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

Включена

Если галочка установлена, то бонусная система будет активирована.

Код свойства товара

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

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

Процент от цены товара

Указывается процент от цены товара, который получит клиент в качестве кешбека бонусами. Используется, если у товара не заполнено свойство AST_BONUS.

Процент от стоимости заказа

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

Описание на странице товара

Данный текст показывается в карточке товара по клику на знак i около суммы начисляемых бонусов.


После настройки этих параметров вам необходимо сбросить кеш на сайте. Самый эффективный способ - удалить папку /bitrix/cache/.

Либо перейдите Настройки > Настройки продукта > Автокеширование. Затем на вкладке Очистка файлов кеша выберите Все и нажмите Начать.


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

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

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

Чтобы создать или отредактировать существующую текстовую страницу, перейдите в Контент > Контент > Текстовые страницы > Элементы

Чтобы создать новую страницу нажмите Добавить элемент справа вверху. Чтобы отредактировать существующую страницу, нажмите на её название.


Откроется форма редактирования/создания страницы.

1. Изображение

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


2. Название

Название статьи выводится в заголовке (если нет настроек SEI) или же в списке статей.

3. Символьный код

Используется в качестве части ссылки. Например, в случае указания в качестве символьного кода delivery, итоговая ссылка будет к примеру https://marketpro.astdesign-demo.ru/info/delivery/.

4. Текст статьи

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

5. Связанные статьи

Данное поле имеет смысл заполнять только для страницы info и help. Необходимо выбрать страницы, которые будут показываться при переходе в эти разделы.


6. Яндекс.Карта

Используется только для страницы Контакты. Вы можете указать здесь ссылку на готовую Яндекс.Карту.




Главная страница

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

Слайдер

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


Классический - type-1

Есть пагинация и стрелки влево и вправо.


Предпросмотр - type-2

Есть навигация влево-вправо. Видны части предыдущего  и следующего слайда.



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

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

Баннеры

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

В форме создания/редактирования баннера появилось свойство Регион.


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

Действует принцип наследовательности. То есть выбрав Ленинградская область, баннер будет показываться во всех населённых пунктах этой области.

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

Основные настройки региональности находятся в Настройки > Настройки продукта > Настройки модулей > МаркетПро.


Не показывать выбор города

Выбор города исчезнет:

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

Город по умолчанию

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

Также эта настройка важна, если магазин работает только с одним городом - для корректного расчёта доставок.

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

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

Архитектура

Решение МаркетПро состоит из двух частей: серверная (PHP) и клиентская (Nuxt).

Сервер nginx настроен таким образом, что при запросе большинства URL будет идти обращение к proxy Nuxt. Но есть ряд исключений:

  • bitrix - необходимо для работы административной панели
  • api - необходимо для работы API 
  • upload  - необходимо для загрузки и доступа к изображениям, файлам обмена 1С и т.д.
  • local - необходимо для доработки решения и вынесения компонентов и модулей в изолированное пространство
  • php - дополнительная папка, в которой вы можете размещать любые PHP скрипты и другие необходимые файлы.
  • .well-known - необходимо для получения сертификата SSL Let's Encrypt

При обращении к этим папкам nginx переадресует запрос к Apache, минуя Nuxt

Шаблон

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

Шапка (Header)

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

Номер телефона

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

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

  • Телефон в шапке сайта
  • Описание для телефона в шапке


Телефон в шапке сайта

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

Описание для телефона в шапке

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



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

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

Вид отображения

Мы поддерживаем следующие компоновки шапки:

type-1

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

type-2

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


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


Настройка шапки type-1

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

Фон цветной полоски

С заливкой


Прозрачный


Возможные варианты:

  • Нет - заливки нет
  • primary - заливка основным цветом
  • secondary - заливка дополнительным цветом

Белый цвет шрифта

Этот параметр есть смысл отмечать, если вы используете цветную шапку, на которой плохо смотрятся чёрные/серые слова. 

Фиксированная линия с меню

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


Настройка шапки type-2

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

Фоновый цвет

С заливкой


Прозрачный


Возможные значения

  • Нет - фонового цвета нет, шапка белая
  • primary - основной цвет
  • secondary - дополнительный цвет

Белый цвет шрифта

Этот параметр есть смысл отмечать, если вы используете цветную шапку, на которой плохо смотрятся чёрные/серые слова. 

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

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


Настройки шапки в мобильной версии type-1

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

Фиксированная шапка

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


Подвал (Footer)

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

Значки платёжных систем

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

Для добавления иконок перейдите в Контент > Справочники > Платёжные системы > Элементы и нажмите на Добавить элемент вверху справа.


Откроется форма:


Название - показывается при наведении курсора на иконку.

Детальная картинка - изображение в формате PNG или JPEG. Заполнять необходимо, если у вас нет изображения в формате SVG

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

Доставка

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

Пункты самовывоза

Так как решение МаркетПро: интернет-магазин и мобильное приложение реализовано с использованием Nuxt, то технически невозможно, чтобы все модули с маркетплейса работали "из коробки". Тоже самое касается и модулей доставок. Для отображения пунктов выдачи мы используем Яндекс.Карту и добавляем пункты выдачи немного иначе, как это реализовано в сторонних модулях. Поэтому, если вы столкнулись с проблемой, что мы ещё не поддерживаем вашу службу доставки, обратитесь в нашу службу поддержки (support@astdesign.ru) - мы постараемся вам помочь.

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

Мобильное приложение

МаркетПро - это не только интернет-магазин, но и готовое мобильное приложение.

Для использования мобильного приложения Вам НЕ нужно покупать «1С-Битрикс: Мобильное приложение» или что-то ещё. В МаркетПро всё работает «из коробки».

Вам не нужно по отдельности поддерживать сайт, приложение для iOS и приложение для Android. Вы просто добавляете новую категорию товаров, и она автоматически появится на всех платформах. Удобно, не правда ли?

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

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

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

Публикация приложения в Google Play

Необходимые данные для публикации приложения в Google Play

Для возможности публикации приложения в Google Play отправьте на support@astdesign.ru email с темой Мобильное приложение МаркетПро. В самом письме укажите следующую информацию:

  • Домен сайта с указанием протокола (например, https://marketpro.astdesign-demo.ru)

  • Версию модуля решения МаркетПро, которая у вас установлена. 
    Посмотреть можно в административной панели: Marketplace > Установленные решения



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

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

  • Код приложения. На основе вашего кода будет сформирован полный код приложения, по принципу astdesign.CODE. 

  • Краткое описание. Короткое описание вашего приложения. Пользователи смогут развернуть его, чтобы прочитать полное описание. До 80 символов.

  • Полное описание

  • Иконка приложения. Должна называться icon.png. Выберите изображение в формате PNG (с прозрачным фоном) или JPEG и с разрешением 512x512 пкс. Размер файла – не более 1 МБ.

  • Изображение для Splash-экрана.  Должно называться splash.png. Показывается во время загрузки приложения.  2732x2732px
    Важная часть изображения не должна выходить за рамки устройства
     

  • Картинка для описания. Картинка для описания должна быть в формате PNG или JPEG и с разрешением 1024 x 500 пкс. Размер файла – не более 1 МБ. Картинка для описания отображается перед скриншотами на странице приложения в Google Play.

  • Скриншоты. Загрузите от двух до восьми скриншотов для телефона. Выберите формат PNG или JPEG. Соотношение сторон изображения должно составлять 16:9 или 9:16, длина каждой стороны – от 320 до 3840 пкс. Размер одного файла – не более 8 МБ.

  • URL политики конфидициальности. Например, https://marketpro.astdesign-demo.ru/docs/privacy-policy/

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

  • Контактная информация для страницы приложения (электронный адрес)


Все изображения упакуйте в архив.

Публикация приложения в AppStore

Необходимые данные для публикации приложения в AppStore

Для возможности публикации приложения в AppStore отправьте на support@astdesign.ru email с темой Мобильное приложение МаркетПро. В самом письме укажите следующую информацию:

  • Домен сайта с указанием протокола (например, https://marketpro.astdesign-demo.ru)

  • Версию модуля решения МаркетПро, которая у вас установлена. 
    Посмотреть можно в административной панели: Marketplace > Установленные решения



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

  • Название
  • Подзаголовок
  • Код приложения. Итоговый ID пакета будет сформирован как astdesign.CODE. 
  • Описание приложения
  • Иконка приложения 1024x1024px в формате PNG без альфа-каналов (без прозрачности)
  • Изображение для Splash-экрана. Показывается во время загрузки приложения.  2732x2732px
    Важная часть изображения не должна выходить за рамки устройства

  • Скриншоты для iPhone 6.5 дюйма в формате PNG без альфа-каналов (без прозрачности). Размер изображения 1284x2778px
  • Скриншоты для iPhone 5.5 дюйма в формате PNG без альфа-каналов (без прозрачности). Размер изображения 1242x2208px
  • Ключевые слова
  • URL-адрес службы поддержки. Он будет отображаться в App Store.

Все изображения упакуйте в архив.

Push-уведомления

Для отправки Push-уведомления перейдите в Firebase Console https://console.firebase.google.com/ (при необходимости авторизуйтесь под аккаунтом, email от которого вы передали нашей службе поддержки).

Выберите ваш проект для данного мобильного приложения:


В левом меню в блоке Engage выберите Messaging. В открывшемся окне нажмите New campaign.


Во всплывающем меню выберите Notifications.


Шаг 1. Содержимое уведомления

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


Шаг 2. Таргетинг

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


Шаг 3. Расписание

Укажите желаемое время отправки уведомления. Нажмите Next


Шаг 4. Аналитика

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


Шаг 5. Дополнительные данные

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


Во всплывающем окне нажмите Publish.


После этих действий ваше уведомление отправится вашим клиентам в соответствии с вашими настройками.


FAQ

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

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

Чтобы тот или иной раздел показался в меню каталога должны выполняться ВСЕ условия:
  • В разделе есть товары
  • У товаров заполнены цены
  • Товары доступны к покупке (Либо остаток больше нуля, либо можно покупать под заказ)
Если хотя бы одно из условий не выполняется, то этот раздел не покажется в меню.

Как перезапустить менеджер процессор PM2

Авторизуйтесь по SSH под пользователем bitrix и введите команду

pm2 restart all

Либо авторизуйтесь под пользователем root и введите команду

sudo -u apache env PATH=$PATH pm2 restart all

Не показывается панель редактирования Эрмитаж

Кто раньше имел дело с 1С-Битрикс часто спрашивают, как включить панель Эрмитаж в решении МаркетПро.


Если кратко, то никак (. 

Обычный сайт на 1С-Битрикс написан на PHP. Клиентская часть решения МаркетПро реализована на Nuxt (Node.js). Это накладывает определённые ограничения на привычные для большинства пользователей 1С-Битрикс функции. В том числе и на наличие панели Эрмитаж. 

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


Обновления

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

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

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

Для установки обновлений решения МаркетПро перейдите в Marketplace > Обновление решений. Откройте вкладку Список обновлений, поставьте галочку напротив решения МаркетПро и нажмите Загрузить.

Если в списке нет решения МаркетПро, то это значит, что либо у вас установлены последние обновления, либо у вас закончилась лицензия. Узнать о наличии обновлений или о статусе лицензии можно на странице Marketplace > Установленные решения.

Обязательные действия после установки обновления

После загрузки обновления подключитесь по SSH к виртуальной машине 1С-Битрикс от пользователя bitrix.  Для подключения рекомендуем использовать программу PuTTY или любую другую на ваше усмотрение.

Если по какой-то причине, вы не знаете пароль от пользователя bitrix, то авторизуйтесь под root и введите команду в консоли: su bitrix. Так вы авторизуетесь от пользователя bitrix

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

cd /home/bitrix/www

Выполните установку новых зависимостей:

npm i

Перезагрузите менеджер процессов:

pm2 restart all

Должно быть примерно так:


Проверьте работоспособность сайта. Если сайт работает некорректно, напишите, на support@astdesign.ru и пришлите root доступ к серверу.

Версия 1.4.0

Добавлено в версии 1.4.0:
  • Поддержка наборов
  • Функционал коллекций
  • Функционал бонусов
  • Отображение вариантов ТП в списке
  • Вывод характеристик товаров с иконками
  • Возможность прописывать свои стили для сайта
  • Возможность полностью редактировать копирайт магазина
  • Вывод бренда в виде текста на странице товара, если нет картинки
  • Замена относительных ссылок на файлы на абсолютные
  • Отключение региональности (выбора города на всех страницах)
  • Отображение телефона в шапке сайта
  • Иконки разделов первого уровня в меню каталога
  • Настройки шапки (фоновый цвет, фиксированная шапка)
  • Значки платёжных систем в подвале сайта
  • Управление галерей фотографий товара с клавиатуры (прокрутка стрелками, закрытие по ESC)
  • Поддержка модуля PickPoint (pickpoint.deliveryservice)
  • Прямой порядок сортировки товаров
  • Отображение ТП, которых нет в наличии

Исправлено в версии 1.4.0:
  • Произвольная высота слайдера
  • Некорректная ссылка в политике конфиденциальности в приложении
  • Ссылка на все бренды с главной страницы
  • Выровнена кнопка "В корзину" в списке товаров
  • Вывод разделов каталога на странице бренда 2-го типа
  • Описание на странице бренда 2-го типа
  • Проверка глобальной активности товара (вышестоящие разделы)
  • Сортировка товаров (оставлен 1 параметр)
  • Скрытие ссылок на приложения
  • Ошибка в агенте для расчёта скидок на товары
  • Выборка пунктов ПВЗ только для выбранной доставки (оптимизация скорости)
  • Скрытие товаров без цен
  • Ссылка на сайт в шаблоне писем
  • Уменьшено время кеширования результатов быстрого поиска
  • Ссылка на страницу заказа в письмах
  • Отображение ссылки на счёт в PDF
  • Ошибка с тегированным кешем у брендов и разделов каталога
  • Ошибка с отображением разделов в меню

Наборы

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

Удобно использовать, чтобы подтолкнуть клиента к дополнительной покупке аксессуаров, например, при покупке ноутбука предложить сумку и Microsoft Office.

Выглядит набор следующим образом:


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

Данный функционал будет работать в редакциях Бизнес и Магазин+CRM.

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

Коллекции

Коллекции - это свойство, которое объединяет несколько товаров одного или нескольких брендов. Несколько примеров для лучшего понимания:

  • Одежда - коллекция осень-зима 2022 (тёплые куртки, ботинки, свитера)
  • Компьютеры и ноутбуки - коллекция Игровой (данное оборудование разработано специально для игр)
  • Керамическая плитка - коллекция Arabesco (несколько вариантов плиток, которые можно использовать для создания интерьера одного помещения)
  • Бытовая химия - коллекция ECO (товары, которые имеют безопасный состав)

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

Раздел коллекций выглядит следующим образом:


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

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

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

Создание и редактирование коллекций

Бонусная программа

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

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

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


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


Информация о имеющихся бонусах клиента размещена в личном кабинете:


Настройка бонусной программы

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

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

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

Характеристики товаров с иконками

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


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

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

Пользовательские стили для сайта

Клиентская часть приложения поставляется уже в скомилированном виде, поэтому доступа к исходным VUE-компонентам нет. 

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

Изменение пользовательских стилей для сайта

Возможность полностью редактировать копирайт магазина

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

Поэтому в настройках решения мы добавили параметр Копирайт.


Теперь вы можете указать произвольный текст в качестве копирайта, используя HTML-разметку.

Опциональное отключение региональности

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

  • в шапке сайта
  • в карточке товара в блоке Доставка
  • при оформлении заказа

Подробнее о настройках региональности

Отображение номера телефона в шапке

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

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


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

Настройка номера телефона

Отображение иконки раздела в меню первого уровня

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


Отображение значков платёжных систем

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


Настройка значков платёжных систем

Добавление поддержки модуля PickPoint

Если вы работаете со службой доставки PickPoint, то можете загрузить модуль с маркетплейса http://marketplace.1c-bitrix.ru/solutions/pickpoint.deliveryservice/ 

Точки на нашей карте пунктов самовывоза покажутся автоматически.

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

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


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

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

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


Можно делать шапку фиксированную 


Также добавили второй вид шапки. Он подходит для тех, у кого квадратный (или близкий к этому) логотип.


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

Версия 1.3.0

Список изменений в версии 1.3.0:

  • Добавлена поддержка комплектов
  • Добавлена второй вариант страницы бренда (в виде раздела каталога)
  • Добавлены подсказки для характеристик товара
  • Добавлен функционал второй цены товара (оптовая цена, цена для VIP-клиентов и т.п.) с возможностью применения типа цена в зависимости от стоимости корзины
  • Добавлен функционал подписки на товар (уведомление о поступлении)
  • Добавлен функционал быстрого заказа на странице товара и в корзине
  • Добавлены иконки Telegram и WhatsApp
  • Добавлены вывод изображений в умном фильтре (например, для цветов)
  • Добавлена возможность закрытия публичной части сайта
  • Добавлена возможность вывода разделов каталога на главной странице в основной версии сайта
  • Добавлена возможность указания поля для сортировки разделов на сайте
  • Доработка поиска - исправление ошибок, исправление раскладки, функционал синонимов, поиск от Яндекса, Multisearch.io и SearchBooster
  • Оптимизация скорости сайта - предварительная загрузка картинок меньшего качества
  • Исправлена ошибка с расчётом процента скидки у товара
  • Исправлено определение города по IP
  • Исправлена ошибка с баннерами на странице бренда и поиска
  • Исправлена ошибка с определением сайта при совпадении идентификатора с админкой
  • Исправлена ошибка с получением корзины при наличии в ней удалённых с сайта товаров
  • Исправлена ошибка с фильтрацией в блоках с товарами при использовании параметра "не равно" для раздела каталога
  • Исправлена ошибка с отображением доступности у выбранного ТП на странице товара
  • Доработано отображение значений свойств ТП в отборе согласно порядку сортировки из Highload-справочника
  • Исправлена ошибка получения пунктов самовывоза почты России после обновления модуля russianpost.post
  • Исправлена ошибка в письмах о заказе при многосайтовости
  • Исправлена ошибка в отборе ТП, когда есть свойства со значением 0
  • Исправлена ошибка в генераторе ресайзов картинок

Комплекты

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

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


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

Откроется почти стандартная форма для добавления товаров. Но появится новая вкладка Состав комплекта


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

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

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

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

Данный функционал доступен только в редакции Бизнес и CRM+Магазин.

Страницы бренда а-ля список товаров

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


Единственное отличие от страницы раздела - это наличие логотипа слева от названия бренда. 

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

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


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


Подсказки для характеристик

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

Подсказки отображаются в карточке товара


а также в фильтре на странице раздела


Чтобы указать подсказку для свойства перейдите Контент > Инфоблоки > Типы инфоблоков > Каталог > Каталог товаров и зайдите на вкладку Свойства. Около нужного параметра нажмите на кнопку Изменить (три точки).


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


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

Вторая цена товара

Эту функцию можно использовать по разному - зависит от вашей фантазии и потребностей. 

Можно реализовать два сценария:

  • Вторая цена применяется при покупке от NNN руб. (накопительные скидки, совместные покупки и т.д.)
  • Вторая цена применяется для определённой группы покупателей (оптовики, VIP-клуб и т.д.)
Чтобы у товара появилась вторая цена необходимо создать второй тип цены. Для этого перейдите в Магазин > Настройки > Цены > Типы цен и нажмите Новый тип цен.


Откроется форма добавления/изменения типы цены.


  • Код - отображается в настройках решения

  • Название - отображается в публичной части, если у товара две цены.

  • Группы пользователей, имеющие права на просмотр этого типа цен - выберите Все пользователи (в том числе неавторизованные)

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

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

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

  4. Использовать порог применения типов цен - отметьте галочку, если планируете использовать сценарий "Вторая цена при покупке от NNN руб."
В случае установки галочки Использовать порог применения типов цен, нужно создать этот порог. Для этого перейдите Контент > Highload-блоки > Доп. настройки типов цен и нажмите Добавить запись. Если вы ранее уже создавали запись, то необходимо её отредактировать.

Откроется форма:

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

ID типа второй цены можно увидеть в списке типов цен.


Если у вас до этого была только одна цена, то ID второй цены скорее всего 2.

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

На этом настройка закончена.

Данный функционал доступен в редакциях Бизнес и CRM+Магазин.

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

Если товар в настоящий момент отсутствует у вас, то пользователь вместо кнопку В корзину увидит информацию о том, что товар закончился и кнопку Узнать о поступлении.


По клику на кнопку всплывёт поле, где необходимо будет указать Email. Когда товар будет в наличии, пользователь получит соответствующее уведомление на почту.

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

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

Кнопку Купить в один клик показывается под кнопкой В корзину в карточке товара.


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


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


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


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


Независимо от типа быстрого заказа (карточка или корзина) всплывёт нижеследующая форма.


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

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


Telegram и WhatsApp

Теперь вы можете указывать ссылки на свои аккаунты в WhatsApp и Telegram


Добавляются эти мессенджеры, как и остальные ссылки в настройках решения.


Изображения в фильтре товаров

Расцветку или рисунок одежды зачастую сложно объяснить словами. Теперь вы можете вместо названия цветов приложить изображение. Это упростит выбор покупателю.


Для этого при создании свойства инфоблока выберите тип Справочник


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


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

Закрытие публичной части

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


Доступ закрыт

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

Текст

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

Разрешённый IP

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

Разрешенные токены

Также вы можете указать токен, к которому привязана ваша сессия. Для этого откройте панель разработчика в Вашем браузере. В Google Chrome это комбинация Ctrl+Shift+I . Перейдите на вкладку Application и выберите слева Cookies. В таблице найдите поле token и скопируйте значение.


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

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

Раньше этот функционал был только в мобильной версии сайта. Теперь же основные разделы выводятся ещё и в основной версии.



Сортировка разделов

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


Очень умный поиск

Мы добавили дополнительные возможности поиска в решение:

  • Исправление ошибок
  • Поиск по синонимам
  • Внешний сервис поиска


Исправление ошибок

Чтобы включить этот функционал достаточно установить галочку Исправлять ошибки в поисковых фразах и использовать синонимы

Теперь система будет пытаться исправить ошибки пользователя:


Синонимы 

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

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

Теперь необходимо зайти Контент > Highload-блоки > Синонимы и нажать на Добавить запись.


В открывшейся форме укажите синоним (например, лаптоп) и слово, которое ему соответствует (например, ноутбук).


Сторонние сервисы поиска

Теперь вы можете использовать для поиска не алгоритмы 1С-Битрикс, а Яндекс, MultiSearch или SearchBooster.

Принцип работы у них похожий. Вы загружаете сгенерированный сайтом YML-файл. Сервис его анализирует. Когда пользователь вводит запрос на вашем сайте, запрос идёт к сервису. Сервис возвращает результаты на сайт, а сайт уже показывает нужные данные клиенту.

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

После этого в них вы получите Идентификаторы, которые нужно ввести в соответствующих полях 


После обработки вашего прайса поиск заработает в полную силу.

LazyLoad изображений 

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

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

Версия 1.2.0

Список изменений в версии 1.2.0:

  • Добавлено отображение картинок в отборе ТП на странице товара
  • Добавлено отображение поля Количество при покупке товара
  • Изменён сервис по умолчанию определения города по IP
  • Добавлено отображение единиц измерения
  • Добавлен второй вариант отображения слайдера
  • Добавлены таблицы размеров
  • Добавлена возможность загружать баннеры для отдельных регионов
  • Сделана сквозная сортировка свойств в умном фильтре для свойств основного каталога и свойств ТП
  • Добавлена поддержка модуля Почты России russianpost.post
  • Доработано получение данных клиента из предыдущих заказов при оформлении нового
  • Возможность добавлять свои настройки для модуля решения (с сохранением обновлений)
  • Исправлена ошибка с экранированием кавычек при выводе характеристик товара
  • Исправлена ошибка с отображением скидок в блоках с товарами
  • Исправлена ошибка со страницей поиска при отсутствии результатов
  • Исправлена ошибка с сохранением варианта доставки Ozon (поддержка сервисных свойств модуля)
  • Исправлена ошибка с формой обратной связи в контактах
  • Исправлена ошибка с отображением отзывов у ТП
  • Исправлена ошибка в оформлении заказа при наличии ограничений по способам оплаты/доставки
  • Исправлена ошибка с расчётом доставки на странице товара при наличии доставки Ozon
  • Исправлена ошибка на SEO-страницах при наличии свойств Highload-справочников
  • Исправлена ошибка с выводом свойств ТП в отборе, если свойство - привязка к Highload

Фото торговых предложений в «переключателе» на детальной странице товара

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


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


Изменение количества товара без перехода в корзину

Раньше при покупке товара надпись на кнопке менялась на В корзине. И при повторном клике пользователь переходил в корзину. Это актуально, например, для покупки электроники (ноутбук, смартфон, телевизор).


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


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

Поддержка единиц измерения

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


Новый дизайн слайдера «Предпросмотр»

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


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

Выбор типа слайдера делается на странице настроек решения. Пункт: Вариант отображения слайдера:

  • Классический - type-1
  • Предпросмотр - type-2


Таблица размеров

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

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


Чтобы добавить создать новую таблицу размеров перейдите в Контакт > Справочники > Таблицы размеров > Элементы. В открывшейся странице нажмите на Добавить элемент или щёлкните по названию уже существующей таблицы размеров.


Перед вами откроется форма создания/редактирования элемента.


1. Название 

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

2. Бренд

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

3. Раздел

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

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

4. Таблица размеров

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

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


Чтобы иметь возможность править HTML-код, перейдите в соответствующий режим.


Региональность баннеров

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

В форме создания/редактирования баннера появилось свойство Регион.


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

Действует принцип наследовательности. То есть выбрав Ленинградская область, баннер будет показываться во всех населённых пунктах этой области.

Версия 1.1.0

Список изменений в версии 1.1.0:

  • Добавлена возможность указания цвета лейбла
  • Добавлена возможность указания ссылок у лейблов
  • Добавлена возможность отображения разных полей клиента в оформлении заказа в зависимости от способа доставки
  • Добавлена поддержка модулей доставки OZON и DPD от Ipol (отображение пунктов выдачи в оформлении заказа)
  • Исправлено количество отображаемых заказов в ЛК
  • Исправление ошибок в отзывах о товарах
  • Установка доставки и оплаты по умолчанию на странице оформления заказа
  • Исправлена ошибка с отображением подарка в корзине

Лейблы

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


Код цвета необходимо указывать в hex-формате. Обязательно в начале кода цвета должен стоять знак решётки #.

Пункты выдачи OZON и DPD

Мы настроили поддержку двух популярных модулей для доставки в пункты выдачи: OZON и DPD.

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

После этого при оформлении заказа в решении МаркетПро будут показаны пункты выдачи на карте.


Выбор полей личных данных при оформлении заказа

Раньше в МаркетПро всегда запрашивались все личные данные клиента:

  • Фамилия *
  • Имя *
  • Отчество
  • Телефон *
  • Email

Но как показала практика, иногда достаточно имени и телефона покупателя.

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


Например, на скриншоте выбрано, что в доставке Самовывоз будет показываться поля Имя и Email. Во всех остальных доставках показываются все поля. 

Обратите внимание! Что если для какой-то доставки выбрано поле ФИО, но не выбрано Телефон или Email, то по умолчанию будет запрашиваться телефон.