Плагин «Недавно просмотренное»
Плагин «Недавно просмотренное» позволяет разместить на любой странице сайта интернет-магазина блок с товарами, которые недавно просматривал клиента сайта интернет-магазина. Таким образом можно увеличить показатель конверсии, поскольку клиент видит, что он просматривал и это поможет ему выбрать нужный товар или не потерять товар, который понравился.
Следует отметить, что товары в блоке плагина «Недавно просмотренное» появляются только после просмотра товаров клиентом интернет-магазина и динамически меняются, в зависимости от просмотренных клиентов товаров.
Чтобы начать работу с плагином «Недавно просмотренное» перейдите в редактор макета и нажмите на кнопку «ДОБАВИТЬ БЛОК».
После этого появится боковая панель, в которой нужно нажать на плагин «Недавно просмотренное» и перенести его в определенное место на странице сайта интернет-магазина.
После этого появится боковая панель настроек плагина «Недавно просмотренное». Рассмотрим детальнее каждую вкладку боковой панели настроек плагина «Недавно просмотренное».
Вкладка «Вид» позволяет выбрать дизайн отображения недавно просмотренных товаров 1, а также можно выбрать дизайн превью недавно просмотренных товаров 2. Выбор дизайна превью недавно просмотренных товаров невозможен в случае дизайна отображения «Вертикальный список товаров». Также можно изменить настройки элементов товарной карты 3 и в случае дизайна отображения товаров «Слайдер товаров» можно настроить элементы управления слайдером товаров 4.
Рассмотрим детальнее настройки элементов товарной карты.
Элемент товарной карты «ИЗБРАННОЕ И СРАВНЕНИЕ» появляется в случае включенных настроек «Включить сравнение товаров» и «Включить избранное» в настройках каталога товаров и имеет следующие настройки.
- «Показывать избранное» 1 – этот переключатель позволяет отображать кнопку «Добавить в избранное» в товарной карте;
- «Показывать сравнение» 2 – этот переключатель позволяет отображать кнопку «Добавить к сравнению» в товарной карте;
- «Цвет иконки» 3 – эти настройки позволяют установить цвет иконки и цвет иконки при наведении на кнопки «Добавить в избранное» и «Добавить к сравнению»;
- «Цвет фона» 4 – эти настройки позволяют установить цвет фона и цвет фона иконки при наведении на кнопки «Добавить в избранное» и «Добавить к сравнению»;
- «Размер» 5 – эта настройка позволяет установить размер в пикселях иконок кнопок «Добавить в избранное» и «Добавить к сравнению»;
- «Выравнивание» 6 – эти настройки позволяют установить выравнивание относительно товарной карты иконок кнопок «Добавить в избранное» и «Добавить к сравнению».
Элемент товарной карты «ИЗОБРАЖЕНИЕ» позволяет выставить нужную пропорцию изображения товара в товарной карте по ширине:высоте.
Элемент товарной карты «НАЗВАНИЕ ТОВАРА» имеет следующие настройки.
-
«Цвет текста» 1 – эти настройки позволяют установить цвет и цвет при наведении на название товара;
-
«Размер текста» 2 – эта настройка позволяет установить размер в пикселях текста названия товара;
-
«Стиль текста» 3 – эти настройки позволяют установить стиль текста названия товара, а именно: жирный, курсивный, подчеркнутый, БОЛЬШИМИ БУКВАМИ;
-
«Отступ сверху» 4 – эта настройка позволяет установить отступ в пикселях от названия товара к изображению товара;
-
«Отступ снизу» 5 – эта настройка позволяет установить отступ в пикселях от названия товара к цене, вариантам товаров при наличии и кнопке «Купить» товарной карты;
-
«Показывать расширенное название товара» 6 – этот переключатель позволяет показывать расширенное название товара в товарной карточки при его наличии. Узнать больше про расширенное название товара можно по ссылке;
-
«Размер текста» 7 – эта настройка позволяет установить размер в пикселях текста расширенного названия товара;
-
«Стиль текста» 8 – эти настройки позволяют установить стиль текста расширенного названия товара, а именно: жирный, курсивный, подчеркнутый, БОЛЬШИМИ БУКВАМИ;
-
«Отступ сверху» 9 – эта настройка позволяет установить отступ в пикселях от расширенного названия товара к названию товара и изображению товара;
-
«Отступ снизу» 10 – эта настройка позволяет установить отступ в пикселях от расширенного названия товара к цене, вариантам товара при наличии и кнопке «Купить» товарной карты.
Элемент товарной карты «ЦЕНА» имеет следующие настройки.
- «Цвет текста» 1 – эта настройка позволяет установить цвет текста текущей цены товара;
- «Размер текста» 2 – эта настройка позволяет установить размер текста в пикселях текущей цены товара;
- «Стиль текста» 3 – эти настройки позволяют установить стиль текста текущей цены товара, а именно: жирный, курсивный, подчеркнутый, БОЛЬШИМИ БУКВАМИ;
- «Цвет» 4 – эта настройка позволяет установить цвет акционной цены товара;
- «Размер текста» 5 – эта настройка позволяет установить размер текста в пикселях акционной цены товара;
- «Стиль текста» 6 – эти настройки позволяют установить стиль текста акционной цены товара, а именно: жирный, курсивный, подчеркнутый, БОЛЬШИМИ БУКВАМИ.
Элемент товарной карты «РЕЙТИНГ ТОВАРА» появляется в случае настроенного отображения оценки товара в настройках шаблона страницы каталога товаров и имеет следующие настройки.
- «Показывать рейтинг товара» 1 – этот переключатель позволяет отображать рейтинг товара в товарной карте;
- «Цвет звездочек» 2 – эта настройка позволяет выбрать цвет звездочек рейтинга товара в товарной карте
- «Цвет текста» 3 – эта настройка позволяет выбрать цвет текста рейтинга товара в товарной карте;
- «Показывать количество комментариев» 4 – этот чекбокс позволяет отображать либо скрывать количество отзывов на товар в товарной карте.
Элемент товарной карты «ВАРИАНТЫ ТОВАРА» имеет следующие настройки.
-
«ДИЗАЙН ОТОБРАЖЕНИЯ ВАРИАНТОВ» 1 – эти настройки позволяют выбрать один из имеющихся дизайнов отображения вариантов товаров в товарной карте. Возможно выбрать следующие дизайны отображения вариантов товаров: «По умолчанию» – при этом дизайне варианты товара отображаются в соответствии с настройками модификации товаров, «Выпадающий список» – при этом дизайне варианты товара отображаются в виде выпадающего списка, «Кнопки с характеристиками» – при этом дизайне значения варианта товара отображается в виде кнопок, «Изображения вариантов товаров» – при этом дизайне варианты товара отображаются по их изображениям;
-
«ДИЗАЙН КНОПОК» 2 – эти настройки позволяют выбрать один из имеющихся дизайнов кнопок вариантов товара в случае выбранного варианта товара. Настройки не появляются при дизайне отображения «Выпадающий список»;
-
«Цвет выбранного варианта» 3 – эта настройка позволяет выбрать цвет кнопки выбранного варианта товара. Настройка не появляется при дизайне отображения «Выпадающий список».
Элемент товарной карты «КНОПКА» имеет следующие настройки.
- «Показывать кнопку «Купить»» 1 – этот переключатель позволяет отображать кнопку «Купить» в товарной карте;
- «Вид кнопки» 2 – эти настройки позволяют выбрать один из имеющихся видов кнопки «Купить»;
- «Цвет кнопки» 3 – эти настройки позволяют выбрать цвет кнопки «Купить» и цвет обводки или фона кнопки «Купить» при наличии
- «Цвет при наведении» 4 – эти настройки позволяют выбрать цвет кнопки «Купить» и цвет обводки или фона при наличии при наведении на кнопку «Купить»;
- «Закругление краев» 5 – эти настройки позволяют выбрать вид краев кнопки «Купить»;
- «Стиль текста» 6 – эти настройки позволяют установить стиль текста кнопки «Купить», а именно: жирный, курсивный, подчеркнутый, БОЛЬШИМИ БУКВАМИ;
- «Высота кнопки (рх)» 7 – эта настройка позволяет установить высоту в пикселях кнопки «Купить»;
- «Ширина кнопки (рх)» 8 – эта настройка позволяет установить ширину в пикселях кнопки «Купить»;
- «Размер текста (рх)» 9 – эта настройка позволяет установить размер текста кнопки «Купить».
Элемент товарной карты «ДОПОЛНИТЕЛЬНО» имеет следующие настройки в случае выбранного дизайна отображения товаров «Слайдер товаров».
- «ФОН ДЛЯ ТОВАРА» 1 – эти настройки позволяют выбрать цвет фона товарной карты и цвет фона товарной карты при наведении на нее;
- «Показывать варианты товара и кнопку «Купить»» 2 – этот переключатель позволяет отображать варианты товара и кнопку «Купить» в товарной карте;
- «Показывать варианты товара и кнопку «Купить» только при наведении на товар» 3 – этот переключатель позволяет отображать варианты товара и кнопку «Купить» лишь при наведении на товарную карту;
- «Количество отображаемых товаров» 4 – эта настройка позволяет установить граничное значение количества товарных карт, которые отображаются в слайдере товаров;
- «Расстояние между элементами (рх)» 5 – эта настройка позволяет установить боковое расстояние между товарными картами в слайдере товаров;
- «Бесконечная прокрутка» 6 – этот переключатель позволяет установить бесконечную прокрутку товарных карт, то есть последнюю товарную карту слайда можно прокрутить вправо и после этого будет отображаться первая товарная карта слайда. В случае выключенного переключателя «Бесконечная прокрутка» прокрутить последнюю товарную карту слайдера вправо будет невозможным, необходимо будет повернуться влево к первой товарной карте;
- «Скорость прокрутки слайдера (сек)» 7 – эта настройка позволяет установить скорость прокрутки слайдера товаров в миллисекундах;
- «ТОВАРОВ В РЯД» 8 – эти настройки позволяют установить граничное значение отображаемых товарных карт для настольной, ноутбучной, планшетной, мобильных (вертикальной и горизонтальной, экраны, которые меньше чем 740 пикселей) версий сайта интернет-магазина;
- «Сортировка» 9 – эта настройка позволяет установить сортировку товарных карт по определенному параметру;
- «Направление сортировки» 10 – эта настройка позволяет установить направление сортировки товарных карт.
Элемент товарной карты «ДОПОЛНИТЕЛЬНО» имеет следующие настройки в случае выбранного дизайна отображения товаров «Горизонтально-расположенные продукты».
- «ФОН ДЛЯ ТОВАРА» 1 – эти настройки позволяют выбрать цвет фона товарной карты и цвет фона товарной карты при наведении на нее;
- «Показывать варианты товара и кнопку «Купить»» 2 – этот переключатель позволяет отображать варианты товара и кнопку «Купить» в товарной карте;
- «Показывать варианты товара и кнопку «Купить» только при наведении на товар» 3 – этот переключатель позволяет отображать варианты товара и кнопку «Купить» только при наведении на товарную карту;
- «Количество отображаемых товаров» 4 – эта настройка позволяет установить грачиное значение количества товарных карт, которые отображаются в ряде;
- «ТОВАРОВ В РЯД» 5 – эти настройки позволяют установить граничное значение отображаемых товарных карт для настольной, ноутбучной, планшетной, мобильных (вертикальной и горизонтальной, экраны, которые меньше чем 740 пикселей) версий сайта интернет-магазина.
Элемент товарной карточки «ДОПОЛНИТЕЛЬНО» имеет следующие настройки в случае выбранного дизайна отображения товаров «Вертикальный список товаров».
- «ФОН ДЛЯ ТОВАРА» 1 – эти настройки позволяют выбрать цвет фона товарной карточки и цвет фона товарной карточки при наведении на нее;
- «Количество отображаемых товаров» 2 – эта настройка позволяет установить граничное значение товарных карточек, которые отображаются в вертикальном списке;
- «Сортировка» 3 – эта настройка позволяет установить сортировку товарных карточек по определенному параметру;
- «Направление сортировки» 4 – эта настройка позволяет установить направление сортировки товарных карточек.
Элемент товарной карты «Точки» появляется лишь в случае выбранного дизайна отображения товаров «Слайдер товаров» и имеет следующие настройки.
- «Отображать точки» 1 – этот переключатель позволяет отображать элемент управления слайдером товаров «Точки»;
- «Цвет» 2 – эта настройка позволяет выбрать цвет элемента управления слайдером товаров «Точки»;
- «Форма» 3 – эти настройки позволяют выбрать форму элемента управления слайдером товаров «Точки»;
- «Выравнивание» 4 – эти настройки позволяют выбрать выравнивание элемента управления слайдером товаров «Точки»;
- «Скрывать на мобильных устройствах» 5 – этот переключатель позволяет скрыть отображения элемента управления слайдером товаров «Точки» в случае мобильных версий (экраны, которые меньше чем 740 пикселей) сайта интернет-магазина.
Элемент товарной карты «СТРЕЛКИ» появляется лишь в случае выбранного дизайна отображения товаров «Слайдер товаров» и имеет следующие настройки.
- «Отображать стрелки» 1 – этот переключатель позволяет отображать элемент управления слайдером товаров «Стрелки»;
- «Иконка» 2 – эти настройки позволяют выбрать вид элемента управления слайдером товаров «Стрелки»;
- «Стиль» 3 – эти настройки позволяют выбрать стиль элемента управления слайдером товаров «Стрелки»;
- «Форма» 4 – эти настройки позволяют выбрать форму элемента управления слайдером товаров «Стрелки»;
- «Размер стрелок» 5 – эта настройка позволяет выбрать размер в пикселях элемента управления слайдером товаров «Стрелки»;
- «Цвет кнопки» 6 – эта настройка позволяет выбрать цвет элемента управления слайдером товаров «Стрелки»;
- «Цвет при наведении» 7 – эта настройка позволяет выбрать цвет элемента управления слайдером товаров «Стрелки» при наведении на него;
- «Положение» 8 – эти настройки позволяют выбрать положение элемента управления слайдером товаров «Стрелки»;
- «Скрывать на мобильных устройствах» 9 – этот переключатель позволяет скрыть отображение элемента управления слайдером товаров «Стрелки» в случае мобильных версий (экраны, которые меньше чем 740 пикселей) сайта интернет-магазина.
Вкладка «Заголовок» позволяет установить заголовок 1 и описание 2 блока плагина «Недавно просмотренное» на сайте интернет-магазина.
Закончив с настройками плагина «Недавно просмотренное» нажмите на кнопку «СОХРАНИТЬ», далее нажмите на кнопку «СОХРАНИТЬ» в редакторе макета, чтобы сохранить имеющиеся настройки.
Настроенный плагин «Недавно просмотренное» с дизайном отображения «Слайдер товаров» имеет следующий вид на сайте интернет-магазина.
Настроенный плагин «Недавно просмотренное» с дизайном отображения «Горизонтально-расположенные продукты» имеет следующий вид на сайте интернет-магазина.
Настроенный плагин «Недавно просмотренное» с дизайном отображения «Вертикальный список товаров» имеет следующий вид на сайте интернет-магазина.
58 отзывов