Как вам помочь ?

Фотографии, видео

Актуально для версии магазина: 6.0 | 5.0

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

 

Добавление фотографии

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

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

Для добавления перейдите в панель администрирования Вашего интернет-магазина –> Каталог -> Категории и товары (рис. 1).

Для добавления перейдите в панель администрирования Вашего интернет-магазина –> Каталог -> Категории и товары
Рисунок 1.

Далее переходим в режим редактирования карточки товара (рис. 2).

Далее переходим в режим редактирования карточки товара
Рисунок 2.

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

В панели слева выбираем вкладку "Фотографии" (рис. 3).

В панели слева выбираем вкладку "Фотографии"
Рисунок 3.

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

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

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

- "Добавить изображение по ссылке" дает возможность подгрузить изображение по прямой ссылке с сайта поставщика. Данная прямая ссылка будет иметь вид: доменсайта.ру/названиеизображения.png

Рассмотрим подробнее, как добавить изображение по ссылке. Для этого в разделе "Фотографии" нажмем на кнопку "Добавить фото по ссылке" (рис. 5).

Рассмотрим подробнее, как добавить изображение по ссылке. Для этого в разделе "Фотографии" нажмем на кнопку "Добавить фото по ссылке"
Рисунок 5.

Во всплывающем окне укажем ссылку на изображение поставщика и нажмем кнопку "Сохранить" (рис. 6). 

Во всплывающем окне укажем ссылку на изображение поставщика и нажмем кнопку "Сохранить"
Рисунок 6.

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

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

Все готово. Изображение добавлено на сайт.

Аналогичным образом Вы можете загрузить готовое изображение.

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

 

Модуль "Поиск фотографий для товара"

Модуль "Поиск фотографий товара" позволяет искать по названию товара фотографии в сервисе Google Картинки прямо из панели администрирования. Звучит невероятно, но это так.

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

Настройка модуля происходит в два этапа:

 

Шаг 1. Создание проекта в Google.

Необходимо авторизоваться в google, далее и перейти по адресу: https://console.developers.google.com

В данной системе создайте проект (рис. 8).

В данной системе создайте проект
Рисунок 8.

Создание проекта в Google.
Рисунок 9.

Создание проекта
Рисунок 10.

После создания проекта, в открывшемся окне нажимаем "Показать все" выбираем Custom Search API.

После создания проекта, в открывшемся окне нажимаем "Показать все" выбираем Custom Search API.
Рисунок 11.

Далее, нажмите на кнопку "Включить".

Далее, нажмите на кнопку "Включить".
Рисунок 12.

Далее "Создать".

Далее "Создать".
Рисунок 13.

На вкладке "Учетные данные" нажмите на ссылку "ключ API".

На вкладке "Учетные данные" нажмите на ссылку "ключ API".
Рисунок 14.

Далее, введите "Название" и нажмите "Создать".

Далее, введите "Название" и нажмите "Создать".
Рисунок 15.

Получим Api ключ.

Получим Api ключ.
Рисунок 16.

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

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

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

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

 

Шаг 2. Донастройка проекта.

После того, как прописали Api ключ, перейдите в следующую систему, в которой будет добавлять непосредственно сайт и настраивать поиск: https://cse.google.com/cse/all

Нажмите на "Add".

Нажмите на "Add".
Рисунок 18.

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

Укажите ваш домен, т.е. сайт на котором будет осуществляться поиск, после того, как добавите сайт и все настроите, домен можно будет удалить, если необходимо.
Рисунок 19.

Далее, перейдите в панель управления.

Далее, перейдите в панель управления.
Рисунок 20.

На вкладке "Идентификатор поисковой системы" будет ключ (рис. 21).

Этот параметр, это Custom Search Engine ID, наш второй параметр, который нужно будет указать в модуле на стороне интернет-магазина.

Этот параметр, это Custom Search Engine ID, наш второй параметр, который нужно будет указать в модуле на стороне интернет-магазина.
Рисунок 21.

Данный "Custom Search Engine ID" необходимо ввести в настройках модуля в панели администрировании (рис. 22).

Данный "Custom Search Engine ID" необходимо ввести в настройках модуля в панели администрировании
Рисунок 22.

Затем на той же странице настроек (на стороне google), нужно включить поиск изображений и выбрать поиск во всем интернете.

Затем на той же странице настроек (на стороне google), нужно включить поиск изображений и выбрать поиск во всем интернете.
Рисунок 23.

Готово.

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

 

Работа с модулем

1. Убедитесь, что модуль установлен и активен.

Убедитесь, что модуль установлен и активен.
Рисунок 24.

2. После активации модуля, на странице редактирования товара во вкладке "Фотографии", появиться кнопка "Найти фотографии в Интернете".

После активации модуля, на странице редактирования товара во вкладке "Фотографии", появиться кнопка "Найти фотографии в Интернете".
Рисунок 25.

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

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

4. Фотографии добавились.

Фотографии добавились.
Рисунок 27.

Вид в клиентской части, при просмотре фото (рис. 28).

Вид в клиентской части, при просмотре фото
Рисунок 28.

Внимание!

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

 

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

Перейдите в редактирование товара во вкладку "Видео", далее нажмите на кнопку "Прикрепить", в открывшемся окне вам нужно указать название, описание видео и ссылку на YouTube (рис. 29).

Перейдите в редактирование товара во вкладку "Видео", далее нажмите на кнопку "Прикрепить", в открывшемся окне вам нужно указать название, описание видео и ссылку на YouTube
Рисунок 29.

Либо код для вставки (рис. 30).

Либо код для вставки
Рисунок 30.

Нажмите "Ок". 

Видео появится в клиентской части в карточке товара во вкладке "Видео".

Готово.

 

Видео товара в карточке товара

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

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

Иконка в клиентской части, выглядит вот так:

Иконка в клиентской части, выглядит вот так
Рисунок 30.

Заметка

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

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

Как только это будет сделано, у товара в клиентской части появится иконка видео, нажав на которую видео ролик будет показано в той же вкладке браузера, но появится новое окно.
Рисунок 31.

Вкладка видео при этом никуда не пропала, на неё так же можно перейти и посмотреть видеоролик там.

Внимание

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

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: добавить изображение, загрузить изображение, карточка товара, добавить изображение в ручном режиме,фотография, картинка,изображение