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

Периодически мы публикуем видеообзоры по новому функционалу ЭЛЕКТРОСИЛА NEXT. Вы можете выбрать нужное видео для просмотра из плейлиста, расположенного ниже. Подпишитесь на наш Youtube-канал и оперативно узнавайте новости о развитии готового решения.

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

Выбор хостинга

Какой хостинг выбрать для интернет-магазина на 1С-Битрикс:

• Для нового небольшого проекта - Специализированный хостинг для 1С-Битрикс  (Не ниже VIP-1)
• Для крупного проекта - VPS хостинг  (Не ниже VPS-2, лучше VPS-4)

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

Данный видеоурок состоит из 3-х частей:

1. Тестирование сервера для 1С-Битрикс
2. Установка 1С-Битрикс Управление сайтом
3. Установка готового решения (Электросила NEXT)

Установка решения нашими специалистами

Вам необходимо предоставить нам следующую информацию на info@altop.ru:

• Адрес сайта (можно служебный): http://mysite.ru или ftp://198.161.1.1

FTP

• Имя хоста (с указанием протокола например ftp): ftp://mysite.ru или ftp://198.161.1.1
• Имя пользователя: admin
• Пароль: ******
• Каталог на сервере(папка с сайтом):  /public_html/ или /home/user/www/

База данных (БД)

• Сервер БД: localhost
• Имя БД: mybd
• Пользователь БД: admin
• Пароль пользователя БД: ******

Лицензионные ключи

• Лицензионный ключ 1C-Битрикс: XXX-XX-XXXXXXXXXXXXXXXX
• Купон решения: XXX-XXXXXXXXXX-XXXXXXXXXX

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

Сообщение "Ошибка активации купона, купон не действителен"

Чтобы это проверить, необходимо:

1. Перейти: «Администрирование / Marketplace / Установленные решения»
2. Найти наше решение «Интернет-магазин электроинструмента ЭЛЕКТРОСИЛА»
3. Проверить:
   • "Разработчик" - ALTOP
   • "Версия"
   • "Дата обновления"
   • "Обновление до" - должна быть разница в год с "Дата обновления"
   • "Статус" - "Установлено" или "Обновить". Если "Обновить", то нажимаем на "Обновить" и следуем инструкции.

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

Нет товаров в разделах

2. Базовые настройки решения

Получение ключа Google Maps API

Видеоинструкция:

1. Авторизация на https://cloud.google.com
2. Получение ключа Maps JavaScript API
3. Подключение Time Zone API (Не требуется с версии 2019.4.0)
4. Увеличение квоты на запросы
5. Настройка 1С-Битрикс для отображения Google Maps на сайте

Контакты и время работы

Пример на демо-версии

Видеоинструкция:

Отключение запрета на копирование текста

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

• Открыть файл custom.css;
(По умолчанию! Электросила NEXT - \bitrix\templates\enext\custom.css)

• Добавить в файл следующий код:

body{

	-webkit-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;	
	user-select: text;	
}

3. Настройка интернет-магазина

Службы доставки

ЭЛЕКТРОСИЛА NEXT поддерживает стандартные настройки 1С-Битрикс для добавления и редактирования служб доставок.

• Онлайн курс 1С-Битрикс Администратор.Бизнес - Службы доставки
• Документация 1С-Битрикс. Создание и редактирование службы доставки

Платежные системы

ЭЛЕКТРОСИЛА NEXT поддерживает все стандартные настройки по подключению и настройке платежных систем в 1С-Битрикс. Многие платежные решения уже поддерживаются системой 1С-Битрикс (Яндекс.Касса, PayPal, ROBOKASSA, QIWI Wallet, Assist, PayMaster), другие имеют свои бесплатные модули для подключения.

• Онлайн курс 1С-Битрикс Администратор.Бизнес - Платежные системы
• Документация 1С-Битрикс. Платежные системы
  

Отключение количественного учета на сайте

1. Необходимо перейти  «Администрирование / Настройки / Настройки продукта / Настройки модулей / Торговый каталог»;
2. В открывшемся окне в блоке «Значения параметров товаров по умолчанию» найти пункт «Включить количественный учет» и убрать с этого пункта галочку;
   
3. Нажать кнопку «Сохранить»
   

Очищение кэша на сайте

1. Необходимо перейти: «Администрирование / Настройки / Настройки продукта / Автокеширование», после открыть вкладку «Очистка файлов кеша»;

• «Только устаревшие» - Файлы, время жизни которых закончилось;
• «Все» - Все файлы кэша;
• «Меню» - Меню может быть закэшировано, если происходят проверки доступа к различным пунктам меню, разделам. Данный пункт позволяет очистить этот кеш;
• «Весь управляемый» - Все файлы раздела /bitrix/managed_cache/;
• «Все страницы HTML кеша» - Удаление страниц HTML кэша

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

Вывод свойств заказа в почтовом шаблоне

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

4. Наполнение и структура проекта

Каталог

Бренды и производители

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

Бренды и производители
Название	Наименование бренда
Символьный код	Символьный код для формирования url страницы бренда
Сортировка	Индекс сортировки элемента в разделе
Маркер	Привязка к инфоблоку Маркеры (Раздел Справочники). Отображение маркеров на элементе. Можно выбрать несколько зажав Ctrl.
Страна	Привязка к инфоблоку Страны (Раздел Справочники)
Заголовок окна браузера	Заменяет Title (Стандартно берется из названия элемента)
Ключевые слова	Keywords
Мета-описание	Description
Заголовок товара	Заменяет заголовок H1 (Стандартно берется из названия элемента)
Заголовок хлебных крошек	Заменяет заголовок в хлебных крошках (Стандартно берется из названия элемента)
Анонс	Отображается над основным содержанием страницы
Детальное описание	Отображается под основным содержанием страницы

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

Каталог товаров

Пример на демо-версии

Видеоинструкция:

Каталог товаров (Раздел)
Родительский раздел	Задает иерархию раздела
Название	Наименование категории
Символьный код	Символьный код для формирования url страницы раздела
Изображение	Изображение для категории
Описание	Описание категории отображается под товарами (элементами) раздела
Код иконочного шрифта	Использование в качестве изображения для категории иконки в формате ef ef-code. Каталог доступных иконок.
Фон сайта	Индивидуальный фон для страницы раздела. В настройках решения должна стоять галочка возле свойства Фон сайта.
Баннер	Баннер для шапки категории
URL баннера	Ссылка для баннера
Анонс	Отображается над товарами (элементами) раздела
Преимущества	Задает преимущества для товаров, которые расположены в данном разделе и его подразделах. Если товару указать свои преимущества, то данные для него не будут использованы. Если подкатегории указать свои преимущества, то данные для него не будут использованы.

 

Каталог товаров (Элемент)
Название	Наименование товара
Символьный код	Символьный код для формирования url страницы товара
Сортировка	Индекс сортировки элемента в разделе
Маркер	Привязка к инфоблоку Маркеры (Раздел Справочники). Отображение маркеров на элементе. Можно выбрать несколько зажав Ctrl.
Код товара	Артикул отображается на детальной странице товара и передается в корзину
Дополнительные изображения	Дополнительные изображения товара
Бренд	Привязка к инфоблоку Бренды и производители (Раздел Каталог). Фильтр товаров по бренду
Коллекция	Привязка к инфоблоку Коллекции (Раздел Каталог). Фильтр товаров по коллекциям. Переключение отображение вида категории Коллекции/Элементы.
Объект	Привязка к инфоблоку Объекты (Раздел Контент). Нужно для отображения контактов магазина, который продает данный товар.
Партнерская ссылка	Ссылка для перенаправления покупателя по партнерской ссылке на другой сайт вместо добавления товара в корзину
Страна производства	Привязка к инфоблоку Страны (Раздел Справочники). Фильтр товаров по стране производства.
Цвет	Привязка к Highload-блоку EnextColorReference (Можно задавать как код цвета, так и загружать изображение). Фильтр товара по цвету. Используется для товаров без торговых предложений.
Преимущества	Привязка к инфоблоку Преимущества (Раздел Справочники). Отображает изображение с преимуществом товара.
Штук в 1 кв.м.	Включает возможность выбирать кол-во товара как по штукам, так и квадратным метрам. Если цена указана за шт., то преобразует ее в цену за 1 кв.м. для более наглядного сравнения для покупателя. Используется для продажи плитки и других напольных покрытий.
Идентификатор видео YouTube	Используйте формат в виде 6-Qf40LO9SU (Только код видео). Можно прикрепить любое число видео из YouTube.
Фоновая картинка для шаблона	Индивидуальный фон для страницы товара. В настройках решения должна стоять галочка возле свойства Фон сайта.
Произвольная вкладка	Произвольный html-контент. Наименование Произвольная вкладка меняется для всех товаров в настройках инфоблока Каталог товаров.
Файлы и документы	Прикрепление файлов к товару (doc, txt, rtf, xls, xlsx, docx, pdf, rar, zip)
Дополнительные товары	Прикрепление дополнительный товаров к элементу. Дополнительные товары автоматически сортируются по категориям.
Начальное количество товаров в наборе	Если не задаем, то по умолчанию выводится 3 товара (Это кол-во также можно изменить в настройках компонента каталог для всех товаров)
Анонс	Отображается над кратким списком характеристик на первом экране страницы с товаром
Детальное описание	Отображается под изображениями и видео товара, но над всеми остальными вкладками и блоками

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

Добавление видео к товару

Для добавления видео к товару в виде картинки необходимо:
- зайти на сайт youtube.com, выбрать нужное видео( если его на данном сайте нет, то необходимо предварительно добавить), нажать кнопку "поделиться" и скопировать Идентификатор



- вставить данный Идентификатор в поле "Идентификатор видео Youtube" при редактировании товара

Добавление характеристики к товару

1. Необходимо создать новое "Свойство"(с название характеристики):

• Заходим «Администрирование / Контент / Инфоблоки / Типы Инфоблоков / Каталог / Продукция»;
• Открываем вкладку «Свойства» и добавляем характеристику;
• Нажимаем кнопку «Сохранить».

2. Необходимо добавить это свойство в компонент Каталога:

• Заходим «Администрирование / Контент / Структура сайта / Файлы и папки / catalog» и файл index.php выбираем «Редактировать как HTML»;
• 2 раза нажимаем на картинку, которая вставлена в данный материал, появится «Параметры компонента» и в разделе «Настройки детального просмотра» в поле «Свойства через зажатый Ctrl выбираем добавленное свойство из пункта 1 ;
• Нажимаем кнопку «Сохранить».

Коллекции

Коллекции
Название	Наименование коллекции
Символьный код	Символьный код для формирования url страницы коллекции
Сортировка	Индекс сортировки элемента в разделе
Бренд	Привязка к инфоблоку Бренд (Раздел Каталог). Обязательное поле, т.к. коллекция является неотъемлемой частью бренда. Url коллекции формируется в виде site.ru/brands/brand/collection/
Маркер	Привязка к инфоблоку Маркеры (Раздел Справочники). Отображение маркеров на элементе. Можно выбрать несколько зажав Ctrl.
Варианты исполнения	Привязка к Highload-блоку EnextColorReference (Можно задавать как код цвета, так и загружать изображение).
Анонс	Отображается над элементами коллекции
Детальное описание	Отображается под элементами коллекции

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

Контент

Акции и скидки

Пример на демо-версии

Видеоинструкция:

1. Создание и редактирование раздела "Акции и скидки"
2. Быстрое прикрепление товаров к публикациям через id правила работы с корзиной, указание раздела и бренда, id товара

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

Акции и скидки
Название	Наименование бренда
Символьный код	Символьный код для формирования url страницы бренда
Сортировка	Индекс сортировки элемента в разделе
Маркер	Привязка к инфоблоку Маркеры (Раздел Справочники). Отображение маркеров на элементе. Можно выбрать несколько зажав Ctrl.
Отображать таймер	Включение таймера с обратным отсчетом до завершения акции. Заполните свойство Завершение активности
ID правила работы с корзиной	Прикрепление к акции товаров, участвующих в акции с указанным ID (Сложные конструкции скидок могут не поддерживаться)
Разделы	Прикрепление к акции товаров из указанных разделов. Работает совместно со свойством Бренд.
Бренды	Прикрепление к акции товаров указанных брендов. Работает совместно со свойством Разделы. Например, вы можете указать раздел Холодильники и бренд Атлант, будут добавлены только холодильники выбранного бренда.
Товары	Ручное добавление товаров к акции. Можно добавить любое число товаров.
Объект	Отображает контактные данные магазина в котором действует данная акция.
Анонс	Отображается над основным содержанием страницы
Детальное описание	Отображается под основным содержанием страницы

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

Наши услуги

Пример на демо-версии

Наши услуги (Раздел)
Название	Наименование раздела
Символьный код	Символьный код для формирования url страницы
Изображение	Изображение для списка категорий
Описание	Описание услуги. Произвольный html.
Сортировка	Индекс сортировки элемента в разделе
Краткое описание	Отображается в списке категорий.
Анонс	Анонс услуги отображается над основным контентом и вложенными элементами и разделами.
Иконка Awesome	Код иконки Awesome в формате fa-code. Можно использовать вместо изображения категории. Каталог иконок Awesome.

 

Наши услуги (Элемент)
Название	Наименование услуги
Символьный код	Символьный код для формирования url страницы
Сортировка	Индекс сортировки элемента в разделе
Краткое описание услуги	Отображается в списке услуг на странице категорий
Иконка Awesome	Код иконки Awesome в формате fa-code. Можно использовать вместо изображения услуги.
Заголовок фотогалереи	Индивидуальный заголовок фотогалереи. Например, "Примеры работ"
Фотогалерея	Изображения для фотогалереи (jpg, gif, bmp, png, jpeg). Отображается под детальным описанием.
Файлы и документы	Файлы для скачивания (doc, txt, rtf, xls, xlsx, docx, pdf, rar, zip). Отображается под фотогалереей.
Картинка для анонса	Отображается в списке услуг в разделе
Анонс	Отображается над основным контентом
Детальная картинка	Широкоформатная картинка для услуги. Рекомендуемый размер 1600x480. Отображается между анонсом и детальным описанием.
Детальное описание	Отображается под детальной картинкой, над фотогалереей и файлами для скачивания.

Новости

Пример на демо-версии

Новости
Название	Наименование раздела
Символьный код	Символьный код для формирования url страницы
Изображение	Изображение для списка категорий
Заголовок фотогалереи	Индивидуальный заголовок для фотогалереи
Фотогалерея	Изображения для фотогалереи (jpg, gif, bmp, png, jpeg). Отображается под детальным описанием.
Файлы и документы	Файлы для скачивания (doc, txt, rtf, xls, xlsx, docx, pdf, rar, zip). Отображается под фотогалереей.
Картинка для анонса	Отображается в списке новостей в разделе
Анонс	Отображается над основным контентом
Детальная картинка	Широкоформатная картинка для новости. Рекомендуемый размер 1600x480. Отображается между анонсом и детальным описанием.
Детальное описание	Отображается под детальной картинкой, над фотогалереей и файлами для скачивания.

Объекты

Пример на демо-версии

Видеоинструкция:

Фотогалерея

Блоки сайта

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

Контакты сайта

Блок Слайдер

Блок Баннеры

Блок Наши услуги

Блок Преимущества

Блок Фотогалерея

Блок Соцсети

Формы сайта

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

Заказать звонок

Заказать товар

Запросить цену

Нужна консультация? Задайте вопрос прямо сейчас!

Формы объектов

Формы объектов сохраняют отправленные сообщения для отдельных объектов (Магазинов). Все сообщения также отправляются на контактные email каждого объекта (Магазина)

Запросить цену

Заказать товар

Заказать звонок

Отзывы

Данные инфоблоки сохраняют отзывы, отправленные с вашего сайта.

Отзывы на объекты

Отзывы на товары

Отзывы о компании

Справочники

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

Время работы

Маркеры

Преимущества

Страны

Часовые пояса

5. Ускорение и оптимизация

Автокеширование

Как включить автокеширование?

• Перейти: Администрирование / Настройки / Настройки продукта / Автокеширование
  (Для быстрого перехода введите в поиске "Автокеширование")
• Во вкладке "Настройки автокеширования" нажать на кнопку "Включить автокеширование"
• Во вкладке "Кеширование компонентов" нажать на кнопку "Включить автокеширование"

Оптимизация БД

1. Переходим: Администрирование / Настройки / Инструменты / Диагностика / Оптимизация БД
2. В открывшемся окне "Проверка/Восстановление таблиц" нажимаем на кнопку "Оптимизировать"
3. Дожидаемся окончания, о котором будет говорить надпись "Оптимизация и анализ таблиц завершены" (Рис. 1)