Содержание

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

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

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

Меню

Летающая шапка  Меню мобильной версии сайта
 


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

Режим правки


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

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


В открывшемся окне "Редактирования меню" можно:
  1. Поменять порядок пунктов
  2. Удалить не нужный пункт
  3. Отредактировать название пункта
  4. Указать ссылку по которой будет осуществляться переход по клику на пункт меню
  5. Создать новый пункт
Редактирование пунктов меню


Для редактирования меню через Административную часть нужно пройти по пути: Администрирование > Контент > Структура сайта > Файлы и папки

Файлы и папки


В правой части экрана найти файл "Меню типа "tpanel"" нажать на гамбургер меню и выбрать действие "Редактировать меню"

Открытие меню на редактирование


В открывшемся окне редактирования меню:
  1. Указывается название пункта
  2. Прописывается ссылка по которой будет осуществляться переход
  3. Проставляется число сортировки (чем меньше число, тем выше по списку будет пункт меню)
  4. Для удаления пункта, проставляется галочка в чекбокс и применяется/сохраняется изменение.

Пункты главного меню



Для редактирования меню Летающей шапки и Мобильной версии сайта пройдите по пути: Администрирование > Контент > Структура сайта > Файлы и папки

Файлы и папки


В правой части экрана перейдите к пункты "Меню типа Fly", нажмите на гамбургер меню и выберите действие "Редактировать меню"

Открытие меню FLy на редактирование


В открывшемся окне параметров меню, отредактируйте пункты как описаны выше. Сохраните изменения.

Параметры меню





Рекомендованные размеры графики

В данном курсе мы рассмотрим рекомендованные размеры различной графики для решении серии GoPro:
После обновления 5.0.0
До обновления 5.0.0

Рекомендованные размеры графики сайта после обновления 5.0.0 

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

В обновлении появилась возможность установить рядом с главным баннером три небольших Баннера вне слайдера
Рекомендуемые размеры двух горизонтальных баннеров вне слайдера: 816 х 460рх, а вертикального баннера вне слайдера 460 х 816рх.

Баннеры вне слайдера


При этом рекомендуемый размер Баннера в слайдере + 3 баннера вне слайдера: 909 х 911 рх.

Баннер + 3


Если для своего сайта вы выбираете вариант Слайдер баннеров + два горизонтальных баннера вне слайдера, то рекомендуемый размер баннера слайдера: 1216 х 511 рх.

Баннер +2

 
Если для своего сайта вы выбираете вариант Слайдер баннеров + вертикальный баннер вне слайдера, то рекомендуемый размер баннера слайдера: 1360 х 511 рх.

Баннер + 1


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

Баннер слайдера


Внимание! Так как на разных разрешениях экрана главный баннер может обрезаться по бокам, то текст необходимо на баннере располагать в "безопасной области", ширина которой - 721 px. Данная область располагается в центре баннера.

Логотип сайта

Рекомендуемые размеры для логотипа сайта - 172 x54 px.

Логотип

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

Рекомендуемый размер иконок - 20 x 20 px.



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

Рекомендуемые размеры иконок - 60 x 60 px.

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

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

Рекомендуемые размер изображений в данном блоке - 227 x 171 px.

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

Новости и акции

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

Новости и акции


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

Рекомендованного размера для данного блока нет. Сайт сам пережмет изображения до нужного ему размера, автоматическое пережатие происходит до размеров - 198 x 198 px. (вид Витрина).

Детальная страница товара

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


Фотогалерея

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




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

Логотип сайта

Рекомендуемые размеры для лого сайта - 144x43px.

buildpro_logo.jpg


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

Рекомендованный размер главного баннера - 1230x412px.
Так как на разных разрешениях экрана главный баннер может обрезаться по бокам, то текст необходимо на баннере располагать в "безопасной области", ширина которой - 721px. Данная область располагается в центре баннера.
Баннер таких размеров будет хорошо смотреться при любой выбранной вами шапке и типа меню (выбирается в настройках виджета).

main_banner.jpg


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

Рекомендуемый размер иконок - 20x20px.

optpro_vertical_menu_icons.jpg


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

Рекомендуемые размеры иконок - 44x44px.

buildpro_features.jpg


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

Рекомендуемые размер изображений в данном блоке - 210x160px.

buildpro_sections.jpg


Новости и акции

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

buildpro_new_and_actions.jpg



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

Рекомендованного размера для данного блока нет. Сайт сам пережмет изображения до нужного ему размера, автоматическое пережатие происходит до размеров - 198x208px (вид Витрина).

buildpro_product_list.jpg


Детальная страница товара

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

buildpro_product_detail.jpg


Фотогалерея

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

buildpro_gallery.jpg

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

Как добавить баннер

В решениях серии PRO можно добавлять разные виды баннеров. Здесь мы рассмотрим добавление баннера типа "Баннер"

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

Режим правки


Наведите курсор на область баннера и дождитесь появления всплывающей панели. Если вы создаете новый баннер, нажмите "Добавить элемент", если хотите отредактировать существующий баннер, нажмите "Изменить элемент", либо откройте нужный баннер двойным кликом левой кнопки мыши по нему.

Высплывающая панель


В открывшемся окне добавления/редактирования баннера указываются:
  1. Активность. Проставленная галочка в чекбокс сделает баннер видимым на сайте.
  2. Дата начала и окончания активности позволяет настроить период отображения баннера на сайте.
  3. Название.
  4. Символьный код прописывается строчными латинскими буквами без пробелов
  5. Число сортировки позволяет настроить порядок отображения баннеров. Чем меньше число, тем он раньше будет показан на главной странице.
  6. Ссылка. При клике по баннеру будет осуществляться переход по указанному url.
  7. Тип баннера. В строке указывается "Баннер"
  8. Открывать в новом окне. Проставленная галочка в чекбокс при клике по баннеру будет открывать страницу в новом окне. Если галочка снята, ссылка откроется  в текущем окне.
Редактирвание Баннера


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

Добавление изображения баннера


Для баннера типа "Баннер" загружается изображение без текста, либо с уже "прорисованным" текстом на изображении. Например, такое:

Баннер.jpg

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

Как добавить/отредактировать баннер с текстом

В решениях серии PRO можно добавлять разные виды баннеров. Здесь мы рассмотрим добавление Баннера "Текст+баннер".

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

Режим правки


Наведите курсор на область баннера и дождитесь появления всплывающей панели. Если вы создаете новый баннер, нажмите "Добавить элемент", если хотите отредактировать существующий баннер, нажмите "Изменить элемент", либо откройте нужный баннер двойным кликом левой кнопки мыши по нему.


Высплывающая панель

В открывшемся окне добавления/редактирования баннера указываются:
  1. Активность. Проставленная галочка в чекбокс сделает баннер видимым на сайте.
  2. Дата начала и окончания активности позволяет настроить период отображения баннера на сайте.
  3. Название.
  4. Символьный код прописывается строчными латинскими буквами без пробелов
  5. Число сортировки позволяет настроить порядок отображения баннеров. Чем меньше число, тем он раньше будет показан на главной странице.
  6. Ссылка. При клике по баннеру будет осуществляться переход по указанному url.
  7. Тип баннера. В строке указывается Баннер+текст
  8. Открывать в новом окне. Проставленная галочка в чекбокс при клике по баннеру будет открывать страницу в новом окне. Если галочка снята, ссылка откроется  в текущем окне.
  9. В режиме визуального редактора прописывается содержание баннера, которое может быть отредактировано по цвету, курсиву, жирности.
  10. Прописываются заголовки №1 и №2. Заголовки нельзя редактировать по цвету
Редактирование баннера


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

Баннер с текстом.jpg


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

Баннер с текстом.jpg

Как добавить/отредактировать видео-баннер

В решениях серии PRO можно добавлять разные виды баннеров. Здесь мы рассмотрим добавление баннера типа "Видео"

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

Режим правки


Наведите курсор на область баннера и дождитесь появления всплывающей панели. Если вы создаете новый баннер, нажмите "Добавить элемент", если хотите отредактировать существующий баннер, нажмите "Изменить элемент", либо откройте нужный баннер двойным кликом левой кнопки мыши по нему.

Высплывающая панель

В открывшемся окне добавления/редактирования баннера указываются:
  1. Активность. Проставленная галочка в чекбокс сделает баннер видимым на сайте.
  2. Дата начала и окончания активности позволяет настроить период отображения баннера на сайте.
  3. Название.
  4. Символьный код прописывается строчными латинскими буквами без пробелов
  5. Число сортировки позволяет настроить порядок отображения баннеров. Чем меньше число, тем он раньше будет показан на главной странице.
  6. Тип баннера. В строке указывается "Видео"
  7. Видео формата MP4 (загружается для браузеров, которые поддерживают проигрывание данного формата)
  8. Видео формата webm (загужается для браузеров, которые не поддерживают формат mp4)
  9. Скриншот видео (загружается для мобильных браузеров, которые не поддерживают воспроизведение видео)
Внимание! Если вы не заполните все три ячейки: два видео (mp4, webm) + скриншот, то видео-баннер работать не будет.
Редактирование видеобаннера

Как добавить/отредактировать баннер-товар

В решениях серии PRO можно добавлять разные виды баннеров. Здесь мы рассмотрим добавление Баннера "Товар".

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

Режим правки


Наведите курсор на область баннера и дождитесь появления всплывающей панели. Если вы создаете новый баннер, нажмите "Добавить элемент", если хотите отредактировать существующий баннер, нажмите "Изменить элемент", либо откройте нужный баннер двойным кликом левой кнопки мыши по нему.

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

В открывшемся окне добавления/редактирования баннера указываются:
  1. Активность. Проставленная галочка в чекбокс сделает баннер видимым на сайте.
  2. Дата начала и окончания активности позволяет настроить период отображения баннера на сайте.
  3. Название.
  4. Символьный код прописывается строчными латинскими буквами без пробелов
  5. Число сортировки позволяет настроить порядок отображения баннеров. Чем меньше число, тем он раньше будет показан на главной странице.
  6. Ссылка. При клике по баннеру будет осуществляться переход по указанному url.
  7. Тип баннера. В строке указывается Товар
  8. Открывать в новом окне. Проставленная галочка в чекбокс при клике по баннеру будет открывать страницу в новом окне. Если галочка снята, ссылка откроется  в текущем окне.
  9. Прописывается заголовок вверху
  10. Прописывается заголовок внизу
  11. Прописывается текст баннера
Редактирование баннера Товар


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

Загрузка изображения

Как добавить/отредактировать баннер вне слайдера

В решениях серии PRO можно добавлять разные виды баннеров.
В обновлении 5.0.0 появилась возможность добавлять новый вид Баннеров вне слайдера.

Баннеры вне слайдера



Для добавления/редактирования баннеров необходимо в Административной части сайта пройти по пути Администрирование > Контент > Пресс-центр > Баннеры


Баннеры


В правой части экрана если нужно создать новый баннер нажмите кнопку "Создать элемент", если необходимо отредактировать существующий, нажмите на гамбургер-меню в строке баннер и выберите действие "Изменить"

Добавление элемента


В открывшейся странице в вкладке "Элемент" заполняются поля:
  1. Активность. Проставленная галочка в чекбокс сделает баннер "видимым" на сайте
  2. Название баннера
  3. Символьный код вводится строчными латинскими буквами без пробелов
  4. Число сортировки. Чем меньше число, тем выше в списке баннеров будет находиться элемент
  5. Ссылка по которой будет осуществлен переход при клике на баннер
  6. Тип баннера: Баннер вне слайдера
  7. Открывать в новом окне. Проставленная галочка в чексбокс будет открывать ссылку в новом окне браузера.
  8. Расположение баннера. Отметьте в каком месте будет отображаться баннер


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



В вкладке "Анонс" загружается изображение баннера в формате .png 
Рекомендуемые размеры для таких баннеров: горизонтальные 816 х 460рх, вертикальный 460 х 816рх
Сохраните изменения.


Загрузка изображения


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


Вертикальный баннер не активен



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


Не активны верхний и нижней баннеры



Если на странице создания/редактирования баннеров у вас нет в свойстве "Тип баннера" пункта "Баннер вне слайдера", а также нет свойства "Расположение баннера вне слайдера" их нужно создать/добавить. 

Тип баннера


Для этого перейдите в инфоблок по пути: Администрирование > Контент > Инфоблок > Типы инфоблоков > Нужный инфоблок > Нужный инфоблок (баннеры)

Инфоблок


В правой части экрана перейдите в вкладку "Свойства" и откройте на редактирование свойство "Тип баннера"

Свойство Тип баннера


На странице редактирования свойства в блоке Значения свойства добавьте новое значение "Баннер вне слайдера", сохраните изменения.

Свойство Баннер вне слайдера


Также на странице со списком свойств, необходимо создать новое свойство "Расположение баннера вне слайдера". Для этого внизу списка свойств в пустой строке заполняются:
  • Название свойства
  • Тип свойства: Список
  • Активность: галочка проставлена
  • Код: BANNER_POSITION
Создание нового свойства


После заполнения полей откройте свойство на редактирования, нажав на три точки. На странице редактирования свойства поставьте галочку в чекбокс "Показывать на странице редактирования элементов", а также в блоке "Значения списка" создайте три значения "Баннер сверху" со значением XML_ID: bannerUp, "Баннер снизу" bannerDown, "Баннер вертикальный справа" bannerVerticalRight. Сохраните изменения. 

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


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

Добавленные свойства





Как включить/отключить автосмену баннеров

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

Для включения/отключения автоматической смены баннеров включите режим правки

Режим правки


Наведите курсор на баннер и дождитесь появления всплывающей панели. Нажмите на треугольник справа от шестеренки откройте Список новостей > Редактировать параметры компонента

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


В открывшемся окне редактирования перейдите к "Дополнительные настройки" и в строках "Скорость смены баннера" и "Задержка между сменой баннера" проставьте временные значения (время измеряется в миллисекундах).
В случае, если вам не нужна автоматическая смена баннеров, поставьте временные значения = 0.
Сохраните изменения.

Скорость смены баннеров

Как заменить фавикон

Здесь вы узнаете как и где можно заменить фавикон сайта.

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

Фавикон

Подготовка фавикона:

1. Для замены фавикона вам нужно подготовить изображение размером 16рх х 16рх в формате ico.
Для конвертация изображения в нужный формат вы можете использовать один из бесплатных сайтов, например https://www.favicongenerator.com/

2. Подготовленный файл назовите / переименуйте в favicon.ico

Замена фавикона:
Зайдите на сайт с правами администратора.

Авторизация


На панели управления "Эрмитаж" включите режим правки.

Режим правки


Откройте вкладку Администрирование > Контент > Структура сайтаФайлы и папки 

Путь к фавикону.png
 

В корневой директории найдите файл favicon.ico и удалите его.

Удаление фавикона.png


Теперь загрузите свой. Для этого нажмите на кнопку "Загрузить файл"

Загрузить файл.png


В открывшемся окне нажмите "Загрузить файл" > укажите путь к нужному изображению > нажмите "Сохранить"

Загрузка фавикона.png

В своем браузере обновленную иконку вы можете увидеть не сразу, а только когда браузер обновится.
Для разных браузеров время обновления иконки может занимать разное время. В Google Chrome можете просто нажать Ctrl+F5.

Как поменять логотип сайта

Логотип на сайте располагается в двух местах: в шапке сайта и фиксированной шапке сайта. Для замены логотипа зайдите на сайт с правами администратора.


Логотип для сайта – это эмблема, уникальное изображение, по которому сайт отличают от других

Логотип

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

Чаще всего размер логотипа не слишком большой, например 144 рх х 43 рх

На панели управления "Эрмитаж" включите режим правки.

Режим правки


Замена логотипа


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

Изменить область


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

Визуальный режим.png


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

Иконка изображение.png


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

Источник изображения.png

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

Добавить коллекцию.png


Например, если вы выберете расположение "Верхний уровень", это значит что впоследствии папку с изображениями можно будет найти в вкладке "Администрирование" по пути Контент > Структура сайта > Медиабиблиотека > Изображения > Название вашей папки. Нажмите сохранить.

Создание коллекции.png


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

Добавить элемент.png


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

Путь к изображению.png


Убедитесь, что в окне выбора изображений выделено нужное вам и нажмите Выбрать > Сохранить > Сохранить

Выбор изображения.png

Логотип изменен.

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

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

Как добавить товар в каталог

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

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

Режим правки


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

Создать товар


Открылось окно добавления товара:

Вкладка товар.png


В вкладке "Товар" заполняется информация о товаре:
  • Активность. Проставленная галочка в чекбоксе делает товар в каталоге видимым, если галочку снять, пользователь сайта товар не увидит.
  • Начало - окончание активности: если товара участвует во временной акции, можно обозначить период активности товара
  • Название. В поле вводится название товара, при этом символьный код будет формироваться на латинице автоматически.
  • Сортировка. Можно формировать порядок отображения товаров в разделе. Чем меньше число сортировки, тем выше в списке будет отображаться товар.
  • Значения свойств

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


Вкладка "Анонс"
Позволяет загрузить фотографию товара для анонса, которая отображается в списке товаров каталога. В карточке товара это фото не отображается.
И добавить краткое описание для анонса, которое располагается в карточке товара.

Анонс.png


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


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

Разделы.png


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

Торговый каталог.png


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

Добавление товара административная часть.png


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

Как создать товар с торговым предложением (SKU)

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


Торговое предложение - SKU (stock keeping unit) – это набор однотипных товаров, которые различаются по некоторым характеристикам (по цвету, весу, объему памяти и др.) В интернет-магазине торговое предложение выглядит как один товар с возможностью выбора из ассортимента. Например, телефоны одной марки, которые различаются по цвету и объему памяти.

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

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


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

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


Для создания товара с торговым предложением через административную часть перейдите Администрирование > Контент > Каталог товаров > Каталог товаров > (Нужный раздел) > (Нужный подраздел) > Товары

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

Создание товара СКУ


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

Добавить торговое предложение.png


Если товар уже создан, перейдите к нему и откройте окно редактирования товара
Администрирование > Контент > Каталог товаров > Каталог товаров > (Нужный раздел) > (Нужный подраздел) > Товары 

Администрирование.png


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

Добавить предложение.png


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

Перечень торговых предложений.png




Как настроить вид отображения каталога

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

gopro2_catalog_view.png


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

gopro2_catalog_view_sections.png



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

gopro2_catalog_view_products.png

Как настроить вид отображения товаров в каталоге

В решениях серии GoPro каталог товаров может отображаться в трех видах: "Витрина", "Галерея", "Список"

Вид "Витрина"

Вид списка товаров Витрина


Вид "Галерея"

Вид списка товаров Галерея


Вид "Список"

Вид списка товаров Список


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

Режим правки


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

Всплывающая панель


Выберите ALFA Systems: сортировщик каталога > Редактировать параметры компонента

Сортировщик каталога ALFA systems


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

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

Как настроить количетсво товаров отображаемых на странице каталога

В решения серии GoPro на страницах каталога товаров можно настроить количество выводимых товаров.

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


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

Режим правки


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

Всплывающая панель


Выберите ALFA Systems: сортировщик каталога > Редактировать параметры компонента

Сортировщик каталога ALFA systems


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

Показ вывода кличества страниц


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

Настройка вывода


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

Подробные настройки вывода

Выбор количество выводимого товара на страницу


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

Как добавить таблицу размеров в карточку товара

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

Переход к свойствам каталога товаров


В правой части экрана откройте вкладку "Свойства" и в пустой строке введите данные нового свойства:
  • Название
  • Тип: привязка к элементам
  • Активность
  • Число сортировки (чем меньше число, тем выше в списке свойств будет отображаться свойство)
  • Код: SIZE_TABLE

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


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

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

После этого можно перейти к созданию таблицы размеров. Для этого пройдите по пути Администрирование > Контент > Служебные > Таблицы размеров

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


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

Добавление таблицы размеров


В открывшемся окне создания/редактирования таблицы размеров, в вкладке "Таблица размеров" проставляется галочка в чекбокс "Активность", вводится Название таблицы, прописывается символьный код.

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


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

Создание таблицы


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

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


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

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

Выбор таблицы


Для того, чтобы таблица размеров отображалась в карточке товара

Отображение таблицы размеров в карточке товара


Нужно включить режим правки

Режим правки


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

Высплывающая панель


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

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

Как настроить сортировку товара

В наших решения для настройки сортировки используется наш собственный компонент "ALFA Systems: сортировщик каталога (redsign:catalog.sorter)". Его настройки можно вызвать через стандартную панель Эрмитаж 1С-Битрикс.
Так как в последних версиях 1С-Битрикс была добавлена возможность сортировки товаров по цене с учетом торговых предложений, то настраивать сортировку мы будет по штатным полям 1С-Битрикс.

open_sorter_settings.png


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

sorter_on_sorting.png


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

sorter_sorting_variants.png


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


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

catalog_sorting_offers.png


У вас вместо "catalog_price_scale_1" может быть другое значение. "1" вам нужно заменить на используемый у вас идентификатор (ID) типы цен.

Как вывести важные характеристики в карточке товара

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

important_props.png



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

important_props_settings.png

Как создать свойство-вкладку (свои вкладки в карточке товара)

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

gopro2_detail_prop-tabs.png


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

gopro2_detail_prop-tabs2.png

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

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

gopro2_detail_prop-tabs_create_prop.png

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

gopro2_detail_prop-tabs_chose_prop1.png

Так же указываем что это свойство-вкладка:

gopro2_detail_prop-tabs_chose_prop2.png

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

gopro2_detail_prop-tabs_edit_product.png

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

gopro2_detail_prop-tabs_anchor.png


И появилась сама вкладка

gopro2_detail_prop-tabs_tab.png

Как настроить отображение информации о наличие товара

В решениях серии GoPro есть несколько нестандартных настроек для отображения информации о наличии товара на складах.

gopro2_detail_stores.png


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

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

gopro2_detail_stores_podmena.png



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

Как включить функцию "Покупка в 1 клик"

gopro2_buy1click_preview.png



В наших интернет-магазинах есть специально разработанный функционал, позволяющие вашим клиентам покупать интересующие их товара в 1 клик, чтобы не проходить долгое и сложное оформление заказа. По умолчанию данный функционал уже включен и требуешь лишь небольшой настройки.
Для начала мы открываем страница с компонентов покупки товаров в 1 клик. Открываем эту страницу в новой вкладке путем нажатия правой кнопки мыши на кнопку покупки в 1 клик и выбираем первый пункт появившегося меню (для Google Chrome).

gopro2_buy1click_open_page_in_new_tab.png



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

gopro2_buy1click__component_settings.png



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

gopro2_buy1click_popup.png



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

gopro2_off_buy1click.png

Как настроить подпись к цене

gopro2_price_note.png



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

gopro2_price_note_preview.png



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

Как включить отображение бренда (производителя) в карточке товара

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

gopro2_detail_brand.png



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

gopro2_detail_brand_text.png



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

brand_settings.jpg



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

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

gopro2_detail_brand_image.png

Как включить функционал расчета стоимости доставки в карточке товара

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

gopro2_detail_delivery.png



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

gopro2_detail_delivery_preview.png


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

gopro2_detail_delivery2.png



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

gopro2_detail_delivery_preview2.png

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

Как настроить показ анонса в карточке товара

gopro2_detail_anounce.png



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

gopro2_detail_anounce_preview.png

Как включить показ блока с модификациями товара

gopro2_mods.png



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

gopro2_mods_detail.png

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

gopro2_mods_article.png

Как включить кнопку "Хотите дешевле?"

gopro2_cheaper.png



Включение опции "Хотите дешевле" добавляет в карточку товара ссылку

gopro2_cheaper_detail.png



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

gopro2_cheaper_popup.png

Как настроить отображение 2 товаров в строку на мобильном экране

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

gopro2_xs2.png

Как влючить отключить выпадание при наведении мыши

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

gopro2_off_smallpopup_preview.png


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

gopro2_off_smallpopup.png



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

gopro2_off_smallpopup_preview2.png

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

Аналогично настройки "Позиция описания раздела в списке разделов" данная настройка есть и для списка товаров.

gopro2_sec_descr_section.png


Тут так же можно выбрать из 3-х вариантов:
  • Выводить описание раздела над товарами
  • Выводить описание раздела под товарами
  • Скрыть описание раздела
В соответствии с выбранным значением описание раздела в списке товаров будет выводится в нужном вам месте.

gopro2_sec_descr_section_preview.png

Как включить показ ошибки при отсутствии товаров

Одна из системных настроек, которая необходимо для работы компонента "Список элементов" (bitrix:catalog.section) в разных местах сайта "Показывать ошибку, если товаров не найдено".

gopro2_show_error_if_no_products.png



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

gopro2_show_error_if_no_products_preview.png

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

В нашем решении заложено 2 вида вывода вида переключателей торговых предложений:
  • Кнопки
  • Выпадающий список
Выбрать желаемый вид можно в настройках компонента.

gopro2_attrs_buttons.png



Причем для списка товаров и для карточки товара вид настраивается отдельно.

gopro2_attrs_buttons_detail.png



Вид переключателей в виде кнопок в списке товаров:

gopro2_attrs_buttons_view_list.png



Вид переключателей в виде кнопок в карточке товара:

gopro2_attrs_buttons_view.png



Вид переключателей в виде выпадающего списка в списке товаров:

gopro2_attrs_dropdown_view_list.png



Вид переключателей в виде выпадающего списка в карточке товара:

gopro2_attrs_dropdown_view.png

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

gopro2_sec_descr_sections_preview.png


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

gopro2_sec_descr_sections.png


Как включить или отключить автоподгрузку товаров (загрузить еще)

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

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

gopro2_ajaxpages_auto.png


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

gopro2_ajaxpages.png

Как настроить свойства для отбора предложений (характеристики товара)

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

gopro2_attrs_fashion.png



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

gopro2_attrs_electronic.png


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


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

Для этого включите режим правки.

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

gopro2_attrs.png


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

gopro2_attrs_colot.png



Делается это так же в настройках компонентов чуть ниже.

gopro2_attrs_color_settings.png


Для версии Битрикса с 18.5.4 вывод свойств осуществляется через Административную часть, в форме редактирования свойства! Подробнее о механизме единого управления свойствами

Перейдите по пути Администрирование > Контент > Инфоблоки > Типы инфоблоков > (Название нужного типа инфоблока), в правой части экрана перейдите к вкладке свойства, откройте окно редактирования нужного свойства, нажав на [...]


Свойства


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

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


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

Для того, чтобы для каждого торгового предложения формировалась уникальная ссылка, необходимо в настройках инфоблока Торговые предложения в поле URL страницы детального просмотра указать #PRODUCT_URL#?offer=#ELEMENT_ID# или #PRODUCT_URL#?offer=#ELEMENT_CODE#

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

Как вывести артикул в карточке товара

Артикулы из свойства инфоблока


gopro2_article.png



В решении GoPro существует возможность вывода артикула товара (обычно приходит из 1С) в карточке товара. При этом есть возможность вывода не только артикула товара, но и торгового предложения. Если у вас в торговых предложениях есть артикул, то он будет меняться при смене харак-к товара. Сам артикул выводится в карточке товара:

gopro2_article_preview.png


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

Артикулы из ID


Так же у вас есть возможность установки в артикул из ID товара в базе 1С-Битрикс. Для этого в настройках компонента необходимо выбрать:

article_settings.png



Тут нужно заметить вот что, опции по настройке артикула всего есть 2:

article_settings_2.png


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

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

gopro2_more_photo_sku.png

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

gopro2_more_photo_sku_gallery.png

Как включить ленивую загрузку

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

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

gopro2_lazyload.png

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


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

В решении существует возможность вывода рейтинга товара.

gopro2_rating.png


Для работы рейтинга, кроме его включения, необходимо указать 2 свойства, в которые будут писаться значения рейтинга.
Если у вас в каталоге отсутствуют эти свойства, то вы можете создать их самостоятельно. Свойства эти типа "Число", не множественные. Мы для примера свойства назвали следующим образом:
  • [Рейтинг] Число голосов.
  • [Рейтинг] Сумма голосов.
Названия свойств выбирали так, чтобы было легко по ним ориентироваться в будущем.

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

gopro2_rating_in_showcase.png



А так он будет выглядеть в карточке товара:

gopro2_rating_in_product.png



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

Как создать или отредактировать стикеры

Настройка стикеров.


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

gopro2_stickers_preview.png


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

gopro2_stickers_discount_value.png

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

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

Из коробки решения серии GoPro поддерживают 3 стикера:
  • Новинка.
  • Хит.
  • Акция.
Чтобы использовать такие стикеры нужно выполнить следующее:
1. Добавление свойств.
Переходим в настройки инфоблока с товарами.
Открываем вкладку "Свойства".
Добавляем следующие свойства:
  • Новинка - Тип "Список" - Символьный код "STICKER_NEW".
  • Хит - Тип "Список" - Символьный код "STICKER_HIT".
  • Акция - Тип "Список" - Символьный код "STICKER_ACTION".
Все свойства не должны быть множественными.
В настройках всех свойств обязательно выбираем "Внешний вид" - "Флажки".
В качестве значений у этих свойств указываем следующее:
  • Для "Новинка" - "new".
  • Для "Хит" - "hit".
  • Для Акция - "action".
Пример для свойства "Новинка".

gopro2_stickers_sample.png

Свойства созданы.

2. В редактировании товаров выбираем желаемые стикеры.

gopro2_stickers_product_edit.png


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

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

gopro2_stickers.png

Как добавить свой стикер?

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

gopro2_stickers_prop_reccommended.png


Детальные настройки свойства:

gopro2_stickers_prop_reccommended_detail.png


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

gopro2_stickers_add_new_prop.png



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

gopro2_stickers_add_new_prop_preview.png



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

gopro2_stickers_custom_sticker_color.png

Как включить или отключить единицы измерения товара

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

gopro2_measure_product.png


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

gopro2_off_measure.png

Как добавить соц.сети для расшаривания товаров

gopro2_use_share.png


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

gopro2_share_product.png



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

gopro2_share_social_list.png

Как включить опцию добавления товара в "Избранное"

Как создать в карточке товара галерею изображений товара

gopro2_more_photo.png


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

gopro2_element_gallery.png

Умный фильтр

Как настроить скролл в фильтре

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

gopro2_filter_scroll_off_preview.png



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

gopro2_filter_scroll_on_preview.png



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

gopro2_filter_prop_with_scroll.png


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

gopro2_filter_prop_with_scroll_sku.png

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

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

gopro2_filter_search_off_preview.png



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

gopro2_filter_search_on_preview.png



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

gopro2_filter_search_sample_preview.png



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

gopro2_filter_prop_with_search.png


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

gopro2_filter_prop_with_search_sku.png

Как закрепить фильтр при прокрутке

Зачастую на страницу со списком товаров выводят 20-30 товаров. Таким образом при прокрутке страницы слева получается пустое место. А так же чтобы вашим покупателям воспользоваться фильтром после того как они пролистали до конца страницы, им нужно возвращаться назад. Конечно же это не удобно.

gopro2_filter_pin2top_off_preview.png



Поэтому в решениях серии GoPro есть функционал, которые позволяет закрепить умный фильтр при прокрутке страницы.

gopro2_filter_pin2top_on_preview.png



Данная настройка включается в параметрах компонента.

gopro2_filter_pin2top.png

Как включить мгновенную фильтрацию (ajax в умном фильтре)

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

gopro2_filter_ajax.png

Как скрыть отбражение количества товара по характеристике

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

gopro2_filter_off_count_preview.png



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

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

gopro2_filter_off_count.png



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

gopro2_filter_off_count_preview2.png

Каталог по брендам

Структура брендов (производителей) в решении

Для корректной работы функционала обязательно наличие следующих инфоблоков:
  • инфоблок "Бренды";
  • highload-инфоблок "BrandReference";

бренды инфоблоки.png



Также, для корректной работы обязательно выполнение следующих условий:
  • инфоблок "Бренды" настроен должным образом (свойство "Привязка к брендам" привязано к highload-инфоблоку, свойство "Разделы, в которых есть данный бренд" привязано к каталогу товаров);
  • у добавленных элементов инфоблока "Бренды" заполнены оба свойства;

brands instruction.gif

бренды свойства.png

  • инфоблок "Каталог товаров" настроен должным образом (свойство "Производитель" (или "Бренд") привязано к highload-инфоблоку);

brands instruction infoblock.gif

  • у добавленных элементов инфоблока "Каталог товаров" заполнено свойство "Производитель" (или "Бренд");

бренды элемент.png

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

brands work.gif

Как изменить вид блока "Бренды" на главной

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

6666.jpg



  Затем изменить шаблон на один из ниже перечисленных:
  • brands (словесное отображение брендов в алфавитном порядке)
бренды 2.png
  • brands_owl ("карусель" с логотипами всех брендов в 1 строку)
бренды 1.png
  • brands_img (все логотипы брендов)
бренды 3.png

Как создать "Коллекции" товаров

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

Коллекци


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

  1. Создайте бренд.
  2. Проверьте, что у вас есть инфоблок "Коллекции". Если вы его случайно удалили, или его нет по другим причинам. Нужно его снова создать.
Для этого пройдите по пути: Администрирование > Контент > Инфоблоки > Типы инфоблоков > Пресс-центр

Создание инфоблока


В правой части экрана нажмите кнопку "Добавить инфоблок"

Создание инфоблока


На странице редактирования инфоблока укажите:
  • Активность. Должна быть проставлена галочка в чекбоксе
  • Введите символьный код (строчными буквами латиницей)
  • Название инфоблока
  • Число сортировки
  • В поле URL страницы детального просмотра укажите: /brands/?collection=#ID#
Данные инфоблока


3. Проверьте указано ли у вас в свойствах каталога товаров свойство "Коллекции". Если такого свойства нет, его нужно создать.
Для этого перейдите по пути: Администрирование > Контент > Инфоблоки > Типы инфоблоков > Каталоги > Каталог товаров


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


В правой части экрана перейдите в вкладку "Свойства". В правой части экрана найдите свойства "Коллекции". Если его нет, то для создания в пустом поле укажите:
  • Название свойства: Коллекции
  • Тип свойства: Привязка к элементам
  • Активность. Галочка в чекбоксе должна быть проставлена
  • Число сортировки
  • В поле Код введите: COLLECTION
Далее нажмите на три точки, чтобы перейти на страницу настройки свойств инфоблока.

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


Помимо уже указанных параметров, внизу укажите тип инфоблока в котором создали инфоблок "Коллекции": "Пресс-центр" и выберете инфоблок "Коллекции". Сохраните все изменения.

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


4. Для создания коллекции пройдите по пути: Администрирование > Контент > Пресс-центрКоллекции > Элементы

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


В правой части экрана нажмите "Добавить элемент"

Добавление коллекции


В открывшемся окне редактирования коллекции в вкладке "Элемент" указываются:
  • Активность. Проставленная галочка в чекбокс сделает видимой коллекцию на сайте.
  • Название коллекции
  • Символьный код (вводится латинскими строчными буквами)
  • Внешний код
  • Число сортировки
  • Бренд. Указывается к какому бренду относится коллекция.
Редактирование коллекции


В вкладке "Анонс" загружается фотография коллекции

Изображение коллекции


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


Сохраните изменения.
Теперь при создании товаров его можно отнести к коллекции.

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

Отнесение товара к бренду

Как создать свойство каталога товара "Бренд"

Для создания свойства каталога товаров пройдите по пути: Администрирование > Контент > Инфоблоки > Типы инфоблоков > Каталог товаров > Каталог товаров

Путь к свойствам каталога товаров


В правой части экрана перейдите к вкладке "Свойства" и в пустой строке заполните данные нового Свойства:
  • Введите название "Производитель"
  • Укажите тип "Справочник"
  • Проставьте галочку в чекбокс "Активность"
  • Укажите число сортировки: чем меньше число, тем выше в списке свойств будет располагаться свойство
  • Пропишите символьный код: BRAND
  • Нажмите на три точки "..." для открытия настроек свойств инфоблока

Свойство Производитель


В открывшемся окне настроек свойств инфоблока, где указываются/редактируются:
  • Активность
  • Число сортировки
  • Название свойства
  • Символьный код : BRAND
  • Показывать или нет свойство на странице создания/редактирования элементов
  • Показывать или нет св-во в умном фильтре
  • Вид свойства в умном фильтре: флажки, радиокнопки, выпадающий список и др.
  • Как показывать свойство в умном фильте развернутым/свернутым
  • Обязательно выбрать справочник: BrandReferenceFurniture
  • Можно добавить новый бренд в список
Сохраните изменения.

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

Как настроить каталог по брендам

Для начала перейдем в раздел "Каталог по брендам" - "/brands/". Открываем настройки компонента "Новости (bitrix:news)".

7777.jpg


1 - Выбираем инфоблок с брендами.
4 - Выберите инфоблок, в котором находятся ваши товары.
2 - Выберите свойство-справочник с брендами. Через это свойство будет происходить привязка брендов из инфоблока с брендами, в товарам из инфоблока с товарами. Заметим, что данной свойство должно использоваться в обоих инфоблоках, символьные коды свойств должны совпадать.
3 - Выберите свойство, в котором хранится список разделов, в которых присутствуют товары редактируемого бренда. Список заполняется вручную.

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

1111.jpg

2222.jpg


Пример настройки свойства в инфоблоке с товарами:

3333.jpg

4444.jpg


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

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

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

Как отключить сервисы Яндекс

Для отключения сервисов Яндекс в решениях серии GoPro, достаточно перейти в настройки модуля и установить галочку "Отключить сервисы Яндекс". Настройки модуля находятся в администритвном интерфейсе по адресу "Рабочий стол -> Настройки -> Настройки продукта -> Настройки модулей" тут выбираете ваше решение из серии магазинов GoPro, например, "Оптовая торговая компания (OptPRO). Готовый интернет магазин".

gopro2_off_yandex_services.jpg



После установки данной галочки вам необходимо:
1) Сбросить кеш всего сайта, сделать это вы можете на странице "Рабочий стол -> Настройки -> Настройки продукта -> Автокеширование". Вкладка "Очистка файлов кеша", выбирайте "Все".
2) Так же необходимо в настройках модуля решения установить Api для Google карт. О том как получить данный ключ вы можете узнать из документации Google -  https://developers.google.com/maps/documentation/javascript/get-api-key?hl=ru

Так же заметим, что на странице контакты карта автоматически не заменится. На данной странице вам нужно удалить компонент Яндекс карт и вынести компонент с Google картой. Откроем страницу для редактирования, стираем старый компонент и ищем новый через поиск по компонентам:

gopro2_off_yandex_services2.jpg

Как указать маску для ввода номера телефона

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

mask_input.png



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

callme_form.png



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

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

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

consert_form.png



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

consert_page_url_setting.png



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

В будущих обновлениях мы планируем заменить функционал решения по обработке персональных данных на функционал платформы 1С-Битрикс.

Подсказки для кастомизации

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

Другие настройки

Как установить счетчики Яндекс Метрики, Google Аналитики

Установка счетчика Яндекс Метрики, Google Аналитики и других виджетов на сайт.

В решениях серии GoPro заготовлены 3 включаемые области для установки кодов различных счетчиков и виджетов на сайт:
  • head_end.php - выводится внутри тега <head>, а именно - перед закрывающим тегом </head>
  • body_start.php - выводится внутри тега <body>, а именно - после открывающего тега <body>
  • body_end.php - выводится внутри тега <body>, а именно - перед закрывающим тегом </body>
Для использования этих областей нужно перейти в режим правки сайта.

gopro2_ya.analitika_edit_mode.png



После перехода в режим правки вверху сайта появятся 2 включаемые области. Соответственно первая включаемая область это head_end.php, вторая - body_start.php.

gopro2_ya.analitika_header.png



Точно так же и внизу сайта мы видим включаемую область - body_end.php (на скриншоте это третья иконка).

gopro2_ya.analitika_footer.png



В соответствии с документацией Яндекс Метрики код счетчика мы устанавливаем сразу после тега <body>, соответственно открываем включаемую область body_start.php

Google Аналитику необходимо устанавливать перед закрывающим тегом <head>, соответственно открываем и вставляем код в включаемую область head_end.php.

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

Как настроить сортировку популярных товаров (товары на главной)

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

gopro2_best-offers.png



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

gopro2_best-offers_params.png

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

Как создавать вкладки с товарами на главной странице решений серии Pro?

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

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

  1. Заходим на "<адрес вашего сайта>.ru/bitrix/admin/". Далее авторизуемся.

  2. Заходим в “Файлы и папки”, открываем папку "/include/tabs/main/".

4786e8e842d1c0c1df9ccd268e09675a.png



3. Выделяем три файла и копируем их средствами 1С-Битрикс в папку "/include/tabs/main/".

700282ace8a273da588e15d3fa9278d5.png



4. Переименуем все 3 файла, которые мы скопировали.

gopro2_main_tab3.png



5. Редактируем два файла "<название_файла>.offers.php" и "<название_файла>.offers.sorter.php". (Редактировать как PHP).

gopro2_main_tab4.png



6. Открываем файл "<название_файла>.offers.php". Нажимаем Ctrl+F и набираем имя файла, что стоит до offers.php. (Это может быть best, hit, action и так далее). После того как подсветили все, меняем best на то, что вам нужно. (Например, hit, action, downprice - это будет названием вашей вкладки). Менять нужно во всех подсвеченных в документе местах.

7. И еще одну вещь надо сделать в созданном нами файле "<название_файла>.offers.php". Открывает его для редактирования. В начале файла добавляем следующие строки:
<?require($_SERVER['DOCUMENT_ROOT'].'/bitrix/header.php');
$APPLICATION->SetTitle("О компании");
?>

В конец файла добавляем строки:

<?require($_SERVER['DOCUMENT_ROOT'].'/bitrix/footer.php');?>

8. Открываем файл "<название_файла>.offers.sorter.php". Нажимаем Ctrl+F и набираем имя файла, что стоит до offers.sorter.php. После того как подсветили все, меняем best на то, что вам нужно. (Например, hit, action, downprice - это будет названием вашей вкладки). Поменять нужно только в одном месте.

gopro2_main_tab5.png



9. После того, как мы отредактировали файлы, переходим на главную страницу вашего сайта. Включаем режим правки, прокручиваем до подборки товаров и открываем “Параметры включаемой области”.

gopro2_main_tab6.png



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

gopro2_main_tab7.png



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

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

gopro2_main_tab8.png



13. После того, как мы собрали все товары, которые будут отображаться во вкладке, открываем страницу с товарами. Для этого открываем главную страницу, далее добавляем путь к файлу вашей вкладке. Например, "<адрес сайта>.ru/include/tabs/main/hit.offers.php".

gopro2_main_tab9.png



14. Открываем параметры компонента для “Элементов раздела”, выбираем пункт “Источник данных” и задаем условие для отображения товаров во вкладке. Для это нужно выбрать свойство стикера, которое мы проставили для товаров во вкладке. Далее необходимо вывести это свойство. Открываем “Дополнительные настройки” в параметрах компонента и выбираем все свойства, которые являются стикерами. Нажимаем сохранить.

gopro2_main_tab10.png

gopro2_main_tab11.png

gopro2_main_tab12.png


Как настроить страницу "Свяжитесь с нами"

Настройка страницы "Свяжитесь с нами"

Страница "Свяжитесь с нами" может быть открыта в модальном окне (popup) или в новой вкладке по адресу *адресвашегосайта*/nasvyazi Для того, чтобы отредактировать эту страницу в визуальном редакторе ее необходимо открыть в новой вкладке, кликните на ссылку правой кнопкой мыши и выберите соответствующий пункт выпадающего меню:

svyazhites_s_nami.jpg



Можете переходить к редактированию страницы.

svyazhites_s_mani_2.png

Как создать блок "Похожие товары" или "С этим товаром покупают"

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

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

gopro2_example_new_tabs.png



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

2. Теперь заходим в товар и заполняем значения данных свойств.

gopro2_example_new_tabs_edit_element.png


gopro2_example_new_tabs_edit_element2.png



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

3. В настройках компонента выбираем только что созданные нами свойства в параметре "Свойства-вкладки".

gopro2_example_new_tabs_component_params.png



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

gopro2_example_new_tabs_preview.png

Как настроить компоненты, входящих в состав виджета EasyCart

Все компоненты, входящие в состав виджета EasyCart, настраиваются на отдельных страницах, аналогично popup-окнам.

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

gopro2_eeasycart_open_new_tab.png



После открытия вкладки, если страница отображается некорректно, а в ссылке на страницу есть "?AJAX_CALL=Y", то просто сотрите эту строчку из ссылки.
После у вас открывается обычная страница с компонентами вкладки "Недавно просмотренные". Компоненты на данной странице настраиваются через интерфейс Эрмитаж платформы 1С-Битрикс.

gopro2_eeasycart_new_tab.png

Как настроить сортировку по цене

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

page_elektronika.jpg



Переходим в режим правки.

gopro2_custom_edit_mode.png



Открываем настройки компонента сортировщика.

open_sorter_settings.jpg



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

sorter_settings.jpg



Тут мы поясним каждую настройку по пунктам:
1. Непосредственно включение/выключение сортировки в данном компоненте.
2. Этот параметр отвечает за визуальное представление сортировки в блоке. Снял или установив галочку сохраняйте настройки компонента и вы увидите разницу в визуальном отображении блока с доступными сортировками (может поддерживаться не всеми решениями).
3. Тут мы выбираем нужные нам сортировки.
"сортировка" - это сортировка по популярности. Администратор сайта самостоятельно сам задает в товарах параметр "Сорт" и в соответствии с этим параметром сортируются товары в каталоге.
"наименование" - сортировка по названиям товаров.
После этих пунктов перечисляются все доступные для сортировки типы цен.

sort_by_values.jpg



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

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

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

Как настроить popup-окна

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

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

Рассмотрим пример настройки блока "Свяжитесь с нами" в шапке сайта.

header.png



Нажимаем правой кнопкой мыши на ссылку

open_in_new_tab.png



После этого нам открывается содержимое блока

mi_na_svyazi.png



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

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

recall.png



Тут вам будет достаточно из ссылки удалить приставку "AJAX_CALL=Y", в таком случае ссылка станет такой "https://optpro.redsign.ru/include/popup/recall/". И теперь у вас так же открылась обычная страница 1С-Битрикс, и ее можно редактировать.

recall_normal_page.png

Как настроить поиск

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

search_page.png



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

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

search_page_catalog.png



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

Чтобы настроить поиск по одному из этих типов, вам надо открыть настройки компонента поиск:

search_open_settings.png


В настройках компонента в параметре "Страница выдачи результатов поиска (доступен макрос #SITE_DIR#)" пропишите ссылку или на каталог или на страницу поиска:
  • "/search/" - Стандартный поиск
  • "/catalog/" - Поиск по каталогу товаров.

search_component_settings.png

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

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

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

module_catalog_settings.png



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

catalog_settings_do.png



Чтобы установить значения этих параметров надо нажать кнопку "Изменить", находящуюся чуть ниже самих настроек и проставить соответствующие галочки в открывшемся popup-окне.

catalog_settings_popup.png



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

Теперь открываем наш сайт и переходим в каталог товаров. Например у нас каталог товаров располагается по адресу https://optpro.redsign.ru/catalog/. Переходим в режим правки.

gopro2_custom_edit_mode.png


Открываем настройки компонента "Каталог" и в группе настроек "Источник данных" устанавливаем следующее:
  • Недоступные товары - не отображать.
  • Недоступные торговые предложения - не отображать.

component_settings.png



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

product_edit.png


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

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

В решение серии GoPro вы можете поменять шрифт сайта,  загрузить свой Пользовательский шрифт. Для начала, выберите шрифт. Перейдите на сайт Google Fonts (это библиотека шрифтов от компании Google).
На панели справа выберите у параметра "Languages" вариант "Cyrillic", это отфильтрует шрифты для русскоязычного сайта. 

Правая панель


Из показанных шрифтов выберите понравившийся вам и нажмите "+"

Plus


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

Панель внизу


Перейдите в вкладку "CUSTOMIZE" и активируйте параметры "BOLD 700" и "Cyrillic"

Активизация параметров


Вернитесь в вкладку "EMBED" и скопируйте код из поля "STANDART"

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


Теперь нужно добавить код в настройки решения. В административной части сайта перейдите Администрирование > Настройки > Настройки продукта > Настройки модулей

Администрирование


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

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


Перейдите на вкладку "Сайт", сбросьте Кеш сайта. Шрифт сайта изменен

Шрифт сайта по умолчанию



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


Как настроить микроразметку schema.org для детальной страницы новости


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

Schema.org — это стандарт семантической разметки данных в сети (микроданных для описания всего на свете: от постов в социальных сетях и автомоек до финансовых сервисов и государственных организаций).

С 2011 года поисковики Google, Bing, Yahoo! и Яндекс поддерживают Schema.org.  Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска.


Для указания данных пройдите по пути Администрирование > Настройки > Настройки продукта > Настройки модулей

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


В правой части экрана выберите Ваш сайт перейдите в вкладку "Микроразметка" и укажите данные, которые помогут роботам поисковиковых систем точнее определять и структурировать информацию о вашем сайте:
  • Название организации
  • Путь к логотипу
  • Адрес
  • Номер телефона

Указание данных


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

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

Микроразметка страницы новостей

Как настроить микроразметку hCard для страницы "Контакты"

Мультирегиональность

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

В решении предусмотрено 2 вида мультирегиональности

  • на одном домене
  • на поддоменах.

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

При выборе варианта на поддоменах при переключении регионов адрес интернет-магазина будет меняться в соответствии с выбранным регионом, например, msk.master-shop.redsign.ru  или spb.master-shop.redsign.ru.

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

  • Подготовить хостинг (Требуется, если выполняется настройка мультирегиональности на поддоменах)
  • Добавить в систему и настроить регионы
  • Вывести на страницах сайта теги для замены контента
  • Активировать функцию мультирегиональности

Как настроить хостинг

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

Псевдонимы или алиасы – это домены, которые ведут в одну и ту же папку на сервере. Чтобы сделать один из доменов алиасом другого, нужно привязать его к папке, куда ведет целевой домен. Например, домены msk.master-shop.redsign.ru и spb.master-shop.redsign.ru – это алиасы для основного master-shop.redsign.ru.

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

Панель управления ISPmanager

На левом меню панели управления выберите Домены → WWW-домены. Найдите в списке домен, который будет иметь поддомены, выделите его и нажмите кнопку «Изменить».

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


Если Вы еще не используете SSL-сертификат, в настройках домена в поле «Псевдонимы» добавьте запись вида «*.mydomain.ru» (без кавычек), где mydomain.ru – имя основного домена.

Панель управления ISPmanager. Добавление псевдонимов домена.

Если SSL-сертификат уже установлен, понадобится в том же поле ввести вручную имена всех поддоменов.

Панель управления ISPmanager. Добавление псевдонимов домена.

Как изменить настройки сайта

Настройка сайта 1С-Битрикс

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

В поле Доменное имя укажите список доменных имен для каждого региона.

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

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

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

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

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

Настройка файлов каталога

Чтобы настроить кэширование для каждого конкретного региона (Москва, Санкт-Петербург, Самара), необходимо добавить следующую строку кода в php-файлы:

"SITE_LOCATION_ID" => SITE_LOCATION_ID,

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

region.png

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

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

Как добавить или отредактировать регион

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


Для создания региона нажмите «Добавить элемент».

Мультирегиональность. Список регионов.

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

Мультирегиональность. Редактирование.

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

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

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

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

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

В полях Склады и Цены необходимо выбрать типы цен и склады, которые будут доступны для данного региона. Добавить типы цен для региона можно в разделе  Магазин - Настройки - Цены - Типы цен. Добавить дополнительные склады можно в разделе  Магазин - Складской учет - Склады. Добавление дополнительных типов цен и складов доступно только в редакции 1С-Битрикс Бизнес.

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

Мультирегиональность. Поля региона.

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

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

Технология 1С-Битрикс: Композитный сайт и Автокомпозит позволяет увеличить скорость загрузки сайта в 100 раз.

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

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

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

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

Мультирегиональность. Композитный сайт.

Как создать теги региона

Если предоставляемых "из коробки" полей для региона недостаточно, можно добавить дополнительные. Для этого перейдите в настройки Инфоблока Регионы Контент - Инфоблоки - Типы инфоблоков - Служебные - Регионы. На вкладке Свойства в пустое поле(если у вас его нет, нажмите на кнопку еще). Заполните форму следующего вида:

  • Название: название тега — например, «Доставка»;
  • Тип: тип поля содержимого тега региона;
  • Код: код тега в системе.
Тип свойства инфоблока может быть: Строка, Число ит.д. Если вы хотите создать тег для простой замены текста, выберите тип Строка.
Если создается тег, содержащий сложную верстку, выберите тип HTML/текст
Внимание! Код тега должен быть написан заглавными английскими буквами и начинаться со слов REGION_ (через нижнее подчеркивание).

Например, для номера телефона — REGION_PHONE

Мультирегиональность. Добавить тег.

После добавления нового тега необходимо в карточке региона активировать новое, только что добавленное, поле. Для этого нажмите на шестеренку и выберете «Настройки».

Мультирегиональность. Активация нового тега.

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

Мультирегиональность. Добавить новый тег.

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

Мультирегиональность. Заполнение нового тега региона.

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


Как настроить вывод информации региона

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

  • Статический контент (номера телефонов, контактные данные)
  • Динамический контент (новости, услуги, товары)
  • SEO оптимизации

Как настроить SEO регионов

Для регионов предусмотрена генерация заголовков и тегов с наименованием – например, «смартфоны в Санкт-Петербурге» и «смартфоны в Москве».

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



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

Чтобы вывести название региона в заголовке страницы h1 или заголовке окна браузера, описании description или ключевых словах keywords необходимо добавить тег наименования региона в поля шаблонов мета-тегов разделов или элементов инфоблоков. Это можно сделать в

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

Мультирегиональность. Настройки SEO.


Как настроить динамический контент

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

Добавление свойства REGION_REF в настройках инфоблока

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

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

Мультирегиональность. Разделение контента по регионам.

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

Добавление «arRegionFilter» в настройки фильтра

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

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

В параметрах компонента в разделе Настройки фильтра в текстовом поле Фильтр и укажите arRegionFilter и нажмите Сохранить.

Мультирегиональность. Имя переменной фильтра.

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

Если поля Регион нет в карточке редактирования инфоблока, его можно добавить самостоятельно. Для этого перейдите в настройки соответствующего инфоблока и во вкладке Свойства в пустое поле(если у вас его нет, нажмите на кнопку еще) заполните поля свойства:

  • Имя - Регион
  • Тип - Привязка к элементам
  • Множ. - Установите флажок
  • Код - REGION_REF

Мультирегиональность. Добавить свойство привязки к региону.

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

Мультирегиональность. Выбор инфоблока регионы.

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

Мультирегиональность. Сохранение настроек инфоблока.

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

Мультирегиональность. Настройка редактирования формы редактирования элемента инфоблока

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

Мультирегиональность. Добавление нового свойства в форму редактирования инфоблока.

Как настроить статический контент

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

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

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

Мультирегиональность. Поля региона.

В качестве тега вы можете выводить:

  • текстовую информацию
  • медиаконтент с готовой версткой.

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

Мультирегиональность. Вывод тегов региона.

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

Мультирегиональность. Вывод тегов региона.

Доработка, кастомизация, обновления

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

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

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

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

gopro2_custom_module_options.png



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

gopro2_custom_component_settings.png


3. Сбросить весь кеш:

gopro2_custom_clear_cache.png


4. Переходим в режим правки.

gopro2_custom_edit_mode.png


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

gopro2_custom_show_notes.png


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

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

Внимание! Информация, представленная в этом материале, носит исключительно рекомендательный характер. Компания АЛЬФА Системс не несет ответственности за последствия внесения изменений в шаблон сайта. Ошибки в решении вызванные сторонними разработками в рамках техподдержки не устраняются.

Свои стили и скрипты

Доработки (кастомизация и т.п.) - процесс адаптации решения под конкретные бизнес-процессы, учитывая особенности рынка, на котором работает клиент.

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

В шаблоне сайта вы можете использовать файлы:
  • custom/style.css - файл для добавления своих стилей к шаблону сайта.
  • custom/script.js - файл для добавления своих скриптов к шаблону сайта.
В в публичной части сайта вы можете использовать файлы:
  • /include/style.css - файл для добавления своих стилей к конкретному сайту.
  • /include/script.js - файл для добавления своих скриптов к конкретному сайту.
Так же, при доработке шаблона сайта, мы рекомендуем изменять имя каталога с шаблоном сайта на уникальное. Это необходимо чтобы в случае установки обновлений решения, обновления не стерли произведенные на вашем сайте доработки.

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

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


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

gopro2_custom_old_templates.png

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

Установка обновлений наших решений производится через административный интерфейс вашего сайта на странице "Рабочий стол -> Marketplace -> Установленные решения".

gopro2_install_updates.png



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

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

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

1111.png



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

gopro2_custom_old_templates.png


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

Обновления/Переходы

Переход на GoPro 2.0

Летом 2016 вышло обновление GoPro 2.0.

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

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

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

Так же помните: для проведения данной установки необходимо иметь не только активную лицензию на решение, но и активную лицензию на платформу 1С-Битрикс.

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

1. Перейдите в административную часть своего сайта.
2. Откройте страницу "Рабочий стол -> Контент -> Структура сайта -> Файлы и папки".
3. Перейдите в директорию "/bitrix/wizards/redsign" и удалите из нее папку с решением (старый мастер установки), например это папка optpro (для владельцев магазина redsign.optpro).
4. Перейдите в список установленных решений "Рабочий стол -> Marketplace -> Установленные решения".
5. Удалите модуль с интернет-магазином (в нашем случае это модуль "Оптовая торговая компания (optPRO). Готовый интернет магазин (redsign.proopt)".

1111.jpg


6. После удаления, сотрите данный модуль.

2222.jpg


7. Теперь вам необходимо вновь загрузить и установить модуль. В нашем примере это "Оптовая торговая компания (optPRO). Готовый интернет магазин (redsign.proopt)".

3333.jpg


8. Зайдите в список мастеров на своем сайте "Рабочий стол -> Настройки -> Настройки продукта -> Список мастеров"
9. Запустите необходимый мастер. В нашем примере это "Оптовая торговая компания (optPRO)" (redsign:proopt).
10. После запуска мастера у вас появится выбор места его установки:
  • новый сайт;
  • имеющийся сайт (необходимо выбрать из списка);
11. Выбираем имеющийся сайт, поверх которого вы хотите установить новую версию магазина GoPro. Нажимаем кнопку далее.
12. В процессе прохода шагов мастера установки не устанавливайте галочку установки демо-данных. При установке данной галочки заказы, сайта на который производится установку, будут удалены.

4444.jpg


13. После установите вам нужно будет изменить настройки компонентов в публичной части сайта, т.к. структура файлов вашего сайта будет перезагружена. Список страниц и компонентов, у которых необходимо обновить настройки:
  • Все страницы (Каталожное меню и остальные типы меню, виджет внизу сайта - все его вкладки, внизу всех страниц перед виджетом компонент сравнения). Пример настройки меню освещен в документации к решению.
  • Главная страница (Баннеры, список новостей, список групп товаров, список товаров, список брендов).
  • Страница каталога (Каталог).
  • Личный кабинет (Избранные товары, просмотренные товары).
  • Страница авторизации (Список товаров).
  • Страница с брендами (Комплексный компонент новости, выбрать инфоблок с брендами, указать инфоблок с товарами и свойства с привязками).
  • Страница с результатами поиска (Компонент поиска - выбрать каталог товаров).
  • Страница с новостями (Новости).
  • Страница с акциями (Акции).
  • Страница с образцами документов (Образцы документов).
  • Страница со списком магазинов (Список магазинов).
  • Формы (купить в 1 клик, заказать обратный звонок и т.д.).
  • Ссылки на иконках соц. сетей.
  • ... а так же другая информация, которая могла быть добавлена вами.
14. Проверьте работоспособность сайта. Инструкция будет дополнятся по мере необходимости.

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

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

Для начала удалить из раздела с личным кабинетом старые страницы. Переходим по ссылке: mysite.com/bitrix/admin/fileman_admin.php, где меняем mysite.com на адрес вашего сайта. У вас открывается файловый менеджер.

1111.jpg

Переходим в директорию личного кабинета /personal/ и видим следующее содержимое:

2222.jpg

Разделы delivery и profile необходимо удалить. Раздел subscribe необходимо переименовать в subscriptions.

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

6666.jpg

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

4444.jpg

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

Сохраняем страницу.

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

7777.jpg

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

8888.jpg

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

  • Общая информация - /personal/
  • Персональная информация - /personal/private/
  • Личный счет - /personal/account/
  • Отсутствующие товары - /personal/subscribe/
  • Просмотренные товары - /personal/viewed/
  • Избранные товары - /personal/favorite/
  • Подписка на рассылки - /personal/subscriptions/
  • Корзина - /personal/cart/
  • Профили доставки - /personal/profiles/
  • История заказов - /personal/orders/
Возможно, что вместо некоторых страниц личного кабинета у вас будет выходить ошибка 404. В таком случае перейдите в персональный раздел /personal/, откройте настройки компонента "Персональный раздел пользователя" (перейдите в режим редактирования и кликните шестеренку у компонента), установите галочку использования ЧПУ и сохраните настройки компонента.

В подвале сайта откройте настройки компонента "Форма подписки"

8888.jpg


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

7777.jpg


А для тех, кто хочет чтобы все было по максимуму, вы можете скачать данный архив (только для кодировок windows-1251), который содержит все, что должно находиться в директории /personal/ вашего сайта. При помощи этого архива вы можете удалить все из директории своего сайта и загрузить содержимое архива.


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

Обновление главной страницы (3.1.0)

Изменяем главную страницу сайта.

В обновлении 3.1.0 был переработан шаблон вывода главного баннера.Теперь для главных баннеров используется новый шаблон "gopro_banners".
А так же главная страница сайта стала обновляемой, все компоненты с главной страницы перемещаются в под-файлы (директория /include/index).

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

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

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

Перейдите в настройки главного модуля Администрирование > Настройки > Настройки продукта > Настройки модулей > Главный модуль и внизу страницы нажмите кнопку "Закрыть доступ для посетителей". Вы должны понимать, что все это время ваш сайт будет недоступен для просмотра посетителям. Поэтому чем быстрее вы все сделаете, тем быстрее ваш сайт вновь заработает.

7_main_modules_settings.jpg

8_public_close_open.jpg


Чтобы обновить свою главную страницу:
1. Перейдите в "Администрирование > Контент > Структура сайта > Файлы и папки ".

1_file_i_papki.jpg


2. В правой части экрана найдите файл, отвечающий за отображений главной страницы сайта, файл "index.php".

2_index_php.jpg


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

3_download_index_php.jpg


4. Нажмите на гамбургер-меню у файла index.php и выберите действие "Редактировать как PHP"

4_open_as_php.jpg


5. Внимание! После проведения данного пункта главная страница полностью перестанет работать до настройки компонентов. Настройку выполняет администратор сайта самостоятельно (читайте ниже).
Удаляем все содержимое файла и вставляем код, который приведен ниже:
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");$APPLICATION->SetPageProperty('NOT_SHOW_NAV_CHAIN', 'Y');
$APPLICATION->SetTitle('Главная');
$APPLICATION->SetPageProperty('title', 'Главная');

$tuning = \Redsign\Tuning\TuningCore::getInstance();
$instanceOptionManager = $tuning->getInstanceOptionMananger();
$showblockFichi = $instanceOptionManager->get('SWITCH_FICHI');
$showblockNewsAndSection = $instanceOptionManager->get('SWITCH_NEWS_AND_SECTIONS');
$showblockBestProducts = $instanceOptionManager->get('SWITCH_BEST_PRODUCTS');
$showblockGallery = $instanceOptionManager->get('SWITCH_GALLERY');
$showblockBrands = $instanceOptionManager->get('SWITCH_BRANDS');
$showblockShops = $instanceOptionManager->get('SWITCH_SHOPS');
?>

<!-- banner -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR."include/index/banner.php",
        "EDIT_TEMPLATE" => ""
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => "Y"
    )
);?>
<!-- /banner -->

<!-- banner -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR."include/index/fichi.php",
        "EDIT_TEMPLATE" => ""
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => ($showblockFichi == 'Y' ? 'Y' : 'N')
    )
);?>
<!-- /banner -->

<!-- section.list -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR."include/index/section.list.php",
        "EDIT_TEMPLATE" => ""
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => ($showblockNewsAndSection == 'Y' ? 'Y' : 'N')
    )
);?>
<!-- /section.list -->

<!-- news -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR."include/index/news.php",
        "EDIT_TEMPLATE" => ""
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => ($showblockNewsNadSection == 'Y' ? 'Y' : 'N')
    )
);?>
<!-- /news -->

<!-- best.offers -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR."include/index/best.offers.php",
        "EDIT_TEMPLATE" => ""
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => ($showblockBestProducts == 'Y' ? 'Y' : 'N')
    )
);?>
<!-- /best.offers -->

<!-- brands -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR."include/index/gallery.php",
        "EDIT_TEMPLATE" => ""
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => ($showblockGallery == 'Y' ? 'Y' : 'N')
    )
);?>
<!-- /brands -->

<!-- brands -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR."include/index/brands.php",
        "EDIT_TEMPLATE" => ""
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => ($showblockBrands == 'Y' ? 'Y' : 'N')
    )
);?>
<!-- /brands -->

<!-- shops -->
<?$APPLICATION->IncludeComponent(
    "bitrix:main.include",
    "",
    array(
        "AREA_FILE_SHOW" => "file",
        "PATH" => SITE_DIR."include/index/shops.php",
        "EDIT_TEMPLATE" => ""
    ),
    false,
    array(
        "ACTIVE_COMPONENT" => ($showblockShops == 'Y' ? 'Y' : 'N')
    )
);?>
<!-- /shops -->

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
Внимание! После этого все настройки компонентов будут приведены к стандартным. На следующем шаге вам нужно будет настроить компоненты главной страницы соответственно своим бизнес-процессам.

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

11_ne_nastroeno_1.jpg


Блок с галереей (располагается между товарами и брендами). И блок с картой магазинов (располагается между брендами и подвалом сайта).

11_ne_nastroeno_2.jpg


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

10_open_component_settings.jpg


7. Восстанавливаем заголовок и другие meta-данные главной страницы.

9_meta_data.jpg


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

1. Создаем новый тип инфоблоков "Администрирование > Контент > Инфоблоки > Типы инфоблоков -> Добавить новый тип".

5_new_iblock_type.jpg


2. Импортируем 3 новых инфоблока.
Для импорта инфоблоков переходим на страницу "Администрирование > Контент > Инфоблоки > ИмпортXML".
Для выбора файлов используйте стандартный файловый менеджер 1С-Битрикс

12_bitrix_file_search.jpg

В пути к файлам, которые нужно будет импортировать будут следующие переменные:
<КОД_ВАШЕГО_МОДУЛЯ>
<ВАШЕ_РЕШЕНИЕ>
Это может быть, например "redsign.proopt" и "proopt".

13_code_modulya.jpg


14_wizard_name.jpg


2.1. Инфоблок с преимуществами сайта.
Файл для загрузки: "/bitrix/modules/<КОД_ВАШЕГО_МОДУЛЯ>/install/wizards/redsign/<ВАШЕ_РЕШЕНИЕ>/site/services/iblock/xml/_all/fichi-ru.xml".
Тип информационного блока: "[presscenter] Пресс-центр".
Сайты, к которым будет привязан информационный блок (если будет создаваться новый): выбираем все сайты.
Все остальные настройки оставляем по умолчанию.
Нажимаем "Импортировать" и ждем окончания.

6_iblock_import.jpg

Этот инфоблок нужно выбрать в настройках компонента news.list на главной (шаблон компонента - "fichi"), компонент будет расположен под баннерами.

2.2. Инфоблок с магазинами сайта.
Файл для загрузки: "/bitrix/modules/<КОД_ВАШЕГО_МОДУЛЯ>/install/wizards/redsign/<ВАШЕ_РЕШЕНИЕ>/site/services/iblock/xml/_all/shops2-ru.xml".
Тип информационного блока: "[presscenter] Пресс-центр".
Сайты, к которым будет привязан информационный блок (если будет создаваться новый): выбираем все сайты.
Все остальные настройки оставляем по умолчанию.
Нажимаем "Импортировать" и ждем окончания.
Этот инфоблок нужно выбрать в настройках компонента news.list на главной (шаблон компонента - "shops2"), компонент будет расположен прямо перед подвалом сайта.

2.3. Инфоблок с галереей сайта.
Файл для загрузки: "/bitrix/modules/<КОД_ВАШЕГО_МОДУЛЯ>/install/wizards/redsign/<ВАШЕ_РЕШЕНИЕ>/site/services/iblock/xml/_all/gallery-ru.xml".
Тип информационного блока: "[company] Компания".
Сайты, к которым будет привязан информационный блок (если будет создаваться новый): выбираем все сайты.
Все остальные настройки оставляем по умолчанию.
Нажимаем "Импортировать" и ждем окончания.
Этот инфоблок нужно выбрать в настройках компонента news.list на главной (шаблон компонента - "gallery_popup"), компонент будет расположен между товарами и списком брендов..

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


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


При нажатии на видео правой кнопкой мыши вы можте открыть его в новой вкладке (Google Chrome)

Информация об обновлениях

Обновление 4.6.0

Спасибо, что используете наши продукты! В целях улучшения нашего решения мы регулярно загружаем обновления в магазин приложений 1С-Битрикс Маркетплейс. Для обновления решения перейдите в Административный раздел на вашем сайте > Marketplace > Установленные решения, найдите решение в списке доступных и нажмите Обновить.

Каждое обновление нашего решения включает улучшения для повышения скорости и надежности работы и новые функции.

Исправления:
  • Улучшена совместимость с PHP 8
  • Каталог. Добавлена настройка вывода либо разделов, либо товаров в корневом разделе каталога
  • Каталог, товары. Исправлена проблема отображение артикула у товаров с ТП из поля товара
  • Выбор города. Исправлена ошибка отображения поля ввода
  • Шаблон сайта. Исправлена проблема прилипания подвала при отсутствии содержимого колонки подвала
  • Каталог, товары. Исправлена ошибка возникающая при изменении количества добавляемого в корзину
  • Каталог, наборы. Исправлена проблема позволяющая отмечать для добавления в корзину недоступные к покупке товары
  • Каталог, торговые предложения. Исправлена проблема с отображением цены с кириллическим символьным кодом типа цен
  • Бренды, список товаров. Исправлена ошибка подпадания в список товаров другого бренда
  • Корзина, поиск товаров. Исправлена ошибка добавления найденных товаров в корзину
  • Оформление заказа. Исправлена ошибка загрузки местоположений
  • Меню. Поддержка опции защиты CSRF
  • Авторизация, восстановление пароля. Исправлена проблемы вывода каптчи
  • Авторизация, восстановление пароля. Добавлена возможность восстановления по номера телефона
  • Исправлены мелкие ошибки
  • Исправлены мелкие ошибки

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


Обновление 5.1.0

Спасибо, что используете наши продукты! В целях улучшения нашего решения мы регулярно загружаем обновления в магазин приложений 1С-Битрикс Маркетплейс. Для обновления решения перейдите в Административный раздел на вашем сайте > Marketplace > Установленные решения, найдите решение в списке доступных и нажмите Обновить.

Каждое обновление нашего решения включает улучшения для повышения скорости и надежности работы и новые функции.

Исправления:
  • Улучшена совместимость с PHP 8
  • Каталог товаров. Добавлена настройка вывода либо разделов, либо товаров в корневом разделе каталога
  • Мобильная версия, корзина. Убран маркер, если корзина пустая
  • Мастер установки. Исправлена проблема импорта баннеров
  • Мастер установки. Исправлена проблема импорта коллекций
  • Шаблон сайта. Исправлена проблема прилипания подвала при отсутствии содержимого колонки подвала
  • Поиск в шапке. Исправлена проблема отображения поисковых подсказок
  • Постраничная навигация. Исправлена проблема вывода ссылкок
  • Каталог, фильтр. Исправлена проблема позиционирования скролла
  • Каталог, фильтр. Исправлена ошибка возникающая при поиске по значениям свойства
  • Каталог, товары. Исправлена ошибка возникающая при изменении количества добавляемого в корзину
  • Каталог, товары. Исправлена проблема вывода навигации "Выводить по"
  • Каталог, наборы. Исправлена проблема позволяющая отмечать для добавления в корзину недоступные к покупке товары
  • Каталог, отзывы к товару. Исправлена ошибка вывода даты отзыва
  • Каталог, торговые предложения. Исправлена проблема с отображением цены с кириллическим символьным кодом типа цен
  • Бренды, список товаров. Исправлена ошибка подпадания в список товаров другого бренда
  • Оформление заказа. Исправлена ошибка загрузки местоположений
  • Меню каталога. Исправлено проблема отображения пунктов выпадающего меню
  • Меню. Поддержка опции защиты CSRF
  • Авторизация, восстановление пароля. Исправлена проблемы вывода каптчи
  • Авторизация, восстановление пароля. Добавлена возможность восстановления по номера телефона
  • Исправлены мелкие ошибки

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


Обновление 4.6.1

Обновление 4.6.2

Обновление 5.1.1

Обновление 5.1.2