Фотографии товара, изменение фотографий товара в зависимости от цвета, обзор товара в 360 градусов
В статье рассмотрим, как изменить размеры фотографии у товаров, как настроить изменение фотографий товара в зависимости от цвета и как настроить обзор товара в 360 градусов.
- Рекомендации по размеру изображений
- Как изменить размер изображений?
- Изменение фотографии товара в зависимости от цвета
- Как подгрузить иконки для цвета
- Обзор товара в 360 градусов
Рекомендации по размеру изображений
В магазине на базе ADVANTSHOP формируется четыре физически отдельных изображения из одного загруженного оригинала.
Одно мини-изображение для корзины, одно — чуть поменьше — для показа в каталоге, одно среднее для показа в карточке товара и одно большое для показа при клике на фото в карточке товара.
Получается 4 картинки, размеры которых можно менять по необходимости.
Мы рекомендуем оставить значения по умолчанию.
По умолчанию размеры «Большая фотография»:
Ширина 1000 (px)
Высота 1000 (px)
Большая фотография товара — это изображение, которое показывается при наведении (или клике) на изображение в карточке товара. Пример на рисунке 1.
Рисунок 1.
По умолчанию размеры «Средняя фотография»:
Ширина 800 (px)
Высота 800 (px)
Средняя фотография товара — это изображение, которое показывается в карточке товара. Пример на рисунке 2.
Рисунок 2.
По умолчанию размеры для «Маленькая фотография»:
Ширина 200 (px)
Высота 200 (px)
Маленькая фотография — это, собственно, фото, которое показывается в каталоге в списке товаров. Посмотрите пример на рисунке 3.
Рисунок 3.
По умолчанию размеры «Самая маленькая фотография»:
Ширина 60 (px)
Высота 60 (px)
Самая маленькая фотография отображается, когда товар добавляют в корзину, и в карточке товара под основным фото, показывая тем самым, что есть ещё фотографии и какие они (рис. 4).
Рисунок 4.
Рекомендуем
Загружать изображения, размер которых не меньше, чем размер у «Средней фотографии» и не больше, чем размер у «Большой фотографии».
Если загрузить изображение, размеры которого больше, чем размер у «Большой фотографии» — оно всё равно будет сжато до размеров «Большой фотографии».
Как изменить размер изображений?
Для того чтобы изменить размер, необходимо перейти в панель администрирования, пункт меню «Мои сайты» — «Редактировть» (рис.5).
Рисунок 5.
Далее «Параметры» — «Категориятоваров» — раздел «Размеры изображения» здесь 4 настройки для изменения картинки: «Товар.
Самая маленькая фотография», «Товар. Маленькая фотография», «Товар. Большая фотография», «Товар. Средняя фотография» (рис.6).
Рисунок 6.
Измените размеры и нажмите «Сохранить».
Внимание!
Новые параметры будут действовать только для вновь загруженных изображений.
Для того, чтобы применить измененные размеры для изображений, загруженных ранее, необходимо пережать фотографии после изменений размера и сохранения настроек. Для этого в пункте меню «Мои сайты» — «Параметры», вкладка «Категории товаров», раздел «Размеры изображения», нажмите «Пережать фотографии товаров» (рис.7).
Рисунок 7.
Откроется окно, Вы нажимаете «Ок» (рис. 8).
Рисунок 8.
Внимание!
Установленные размеры — это максимально допустимые размеры. Это означает, что если загрузить картинку размерами более, чем указано в настройке, то картинка будет пропорционально сжата, чтобы соответствовать размерам одной из сторон.
Изменение фотографии товара в зависимости от цвета
Чтобы ассоциировать цвет с фото, необходимо сделать 2 шага.
- Добавить цвета в справочник цветов.
- Ассоциировать фотографию товара с цветом из справочника.
Справочник цветов
Чтобы добавить новые цвета в справочник, перейдите в панели администрирования в пункт меню «Настройки» -«Товары», в открывшейся странице вкладка «Цвета», здесь Вы можете добавлять, редактировать и удалять цвета, которые затем будут использованы для ассоциации с фотографиями товара. Подробнее в инструкции.
Ассоциация цвета и фотографии
Чтобы ассоциировать цвет с фото, необходимо зайти в панель администрирования и перейти в режим редактирования карточки товара.
В панели слева выбираем вкладку «Цена и наличие» (отмечена красным слева на картинке). В открывшейся вкладке добавляем вариации нужного цвета (рис. 9).
Рисунок 9.
После того как для вариантов товара добавлены цвета, сохраните изменения и перейдите во вкладку «Фотографии».
Во вкладке «Фотографии» необходимо подгрузить фотографии товара тех цветов, которые были добавлены на шаге 1. Есть несколько способов загрузки: загрузить с компьютера или найти в интернете. Подробнее в инструкции (рис. 10).
Рисунок 10.
После загрузки фотографии товара с разными цветами появится возможность ассоциировать фотографии с цветом.
Под каждой фотографией есть выпадающий список тех цветов, которые добавлены в комбинациях на вкладке «Цена и наличие». Чтобы добавить фотографии цвет, кликаем по выпадающему меню и выбираем подходящий цвет данной фотографии. Таким образом добавим цвет для каждой фотографии (рис.11).
Рисунок 11.
В карточке товара будет выглядеть вот так (рис. 12)
Рисунок 12.
На один цвет может быть несколько фотографий.
Фотографии не показываются все сразу. Выводятся фотографии только того цвета, который выбрал пользователь.
Если пользователь выбирает, к примеру, цвет красный, то будут показаны только красные фотографии, если выбирает черный, будут отображены черные.
Готово.
Как подгрузить иконки для цвета
Начнем с того, в каком случае нужна подгружать свою картинку для кубика цвета?
Если для вашего товара нужно указать цвет, но не один из стандартных вариантов не подходит для этой задачи. Например, у вас платье с цветочным принтом или в кружочек, а цвета «в кружочек» как такового нет. Чтобы решить такой вопрос, можно воспользоваться функцией загрузки изображения для кубика цвета.
Также вы можете заменить иконку уже существующего цвета на Ваш вкус. Потенциальный покупатель сможет увидеть ее в указанном поле на (рис.13)
Рисунок 13.
Чтобы добавить картинку к цвету, нам нужно перейти в панель администрирования. Затем выбрать в меню «Настройки» — «Товары» (рис. 14), на открывшейся странице выбрать вкладку «Цвета», нажать «Добавить цвет», далее написать название и выбрать необходимый файл с картинкой.
Затем сохранить новый цвет (рис. 15).
Рисунок 14.
Рисунок 15.
К примеру, добавим цвет «Цветочный принт», в итоге, у товара, получим вот так (рис. 16)
Рисунок 16.
Размеры картинки для кубика цвета
Из подгружаемой вами картинки будет сделано 2 варианта, один для каталога, другой для карточки товара. Размер по умолчанию для двух вариантов одинаков и равен 18px на 18px.
Вы можете загрузить изображение большего размера, оно будет автоматически пережато в меньший размер. Сделано для удобства, только необходимо соблюдать пропорции картинки.
Также, вы можете изменить размеры кубиков цвета (Пункт меню «Мой сайт» — «Параметры», вкладка «Категория товаров», раздел «Размер и цвет» (рис.17). Однако, после сохранения все загруженные картинки для цветов нужно будет загрузить повторно, чтобы они пережались с учётом изменённых размеров.
Рисунок 17.
Всё готово.
Обзор товара в 360 градусов
Для того чтобы сделать 360 градусный обзор товара необходимо сделать 3 вещи:
1) Сделать фотосъемку товара со всех сторон.
От количества фотографий и шага в градусах будет зависеть плавность анимации вращения, мы рекомендуем порядка 30-40 фотографий на один товар, т.е. примерный шаг в 10-12 градусов вокруг товара. Если фотографии уже есть, данный шаг можно пропустить и идти далее. Обратите внимание, что изображение должны быть хорошего качества, чтобы при просмотре у клиента не возникал дискомфорт.
2) Дать цифровые номера фотографиям, в соответствии с тем, в каком порядке они должны отображаться при вращении (т.е. 1, 2, 3 и т.д.). При вращении одна фотография незаметно подменяется другой, поэтому если вы выставите порядок неверно, то может получиться так, что при ракурсе, скажем в 240гр, следующим случайно пойдет ракурс с 10 гр, из-за этого эффект вращения пропадет.
Необходимо соблюсти требования для фото:
Нумерация строго по порядку, а именно 1.jpg, 2.jpg, 3.jpg и т.д, начиная с 1 (не с «01») и без пропусков нумерации.
Формат картинок только *.jpg (не png, gif, jpeg)
3) Включить опцию и загрузить изображения.
Для этого нужно в панели администрирования перейти в режим редактирование товара.
Далее перейти в раздел «фотографии — фотографии для просмотра 360», и включить возможность просмотра 360. Нажать на кнопку загрузить (рис. 18).
Рисунок 18.
После этого необходимо выбрать все ваши подготовленные фотографии в появившемся окне, и подтвердить выбор.
Внимание!
На один товар возможно только одно 360 отображение.
Хотим отдельно заметить, что при помощи данного функционала можно сделать не только эффект вращения, но и любую анимацию из фотографий, если Вы просто загрузите их в нужном порядке.
Если Вы всё сделали верно, то у вас появиться вот такая иконка в карточке товара (рис. 19).
Рисунок 19.
И затем появиться возможность просматривать фото 360 (рис. 20)
Рисунок 20.
Готово.
Тэги: размер изображения товара, размер фото, размер фотографии, оптимальный размер фотографий, удаление фотографий, рекомендации для фото, заменить изображения, фотография, изображение, маленькая, большая, средняя, самая маленькая, изменение размеров, размеры, 360 градусов, цвет, размер,hfpvth ajnj,wdtn, картинки модификаций товара
Поиск товара по картинке на Алиэкспресс.
| АliSovet.ruНоябрь 24th, 2015 | Posted by admin in Выбор товара и продавца
Если вы нашли в интернете фотографию товара с Алиэкспресс и хотите купить себе такой же, то возникает вопрос, как выполнить поиск? Ведь у вас есть в наличии только картинка и не понятно, какое описание может быть. А может вы уже пробовали вводить различные варианты запросов в поиске по товарам Алиэкспресс, но найти нужную вещь так и не удалось.
Или еще ситуация: вы нашли товар на Али, но хотите сравнить цены и выбрать самое выгодное предложение. Но продавцы могут делать совершенно разное описание для одинаковых товаров. Поэтому найти по поиску на Aliexpress все предложения на данный товар можно, но это займет много сил и времени. А поиска по картинке на самой площадке Алиэкспресс нет. Что же делать в этих двух ситуациях?
Выход простой- можно воспользоваться Google поиском по картинке. Сейчас мы расскажем как это можно сделать.
Разберем подробнее как можно найти товар по картинке с Алиэкспресс.
Допустим, вы увидели во такой светильник где-нибудь в группе Вконтакте, где перепродают товары, заказанные на Aliexpress с сильно завышенными ценами. Поэтому прямых ссылок на данный товар, естественно, не указывается. Светильник очень понравился, вы умеете заказывать сами и очень не хочется переплачивать. Самостоятельные поиски по разным запросам на сайте Алиэкспресс успехом не увенчались.
Тогда вам нужно выполнить поиск по картинке в Google. Для этого делаем следующее:
1. Открываем нужную картинку
2. С помощью правой кнопки мышки копируем URL (адрес) картинки. Либо сохраняем картинку на свой компьютер.
3. Заходим на сайт Google и открываем поиск по картинке.
4. У вас загрузятся Google-картинки. И в строке поиска находим иконку с изображением фотоаппарата. С помощью которой и будет осуществляться поиск.
5. После нажатия на данную иконку откроется окошко, куда вам нужно будет ввести или URL картинки или загрузить картинку с вашего компьютера.
6. Дальше, при нажатии на поиск Google выдаст результаты поиска по картинке. Но с одним нюансом- вам будут показаны результаты поиска на всех сайтах в интернете. Чтобы максимально исключить из результатов поиска другие сайты, вам нужно будет добавить ключевое слово в строку поиска Aliexpress или aliexprecc.com и заново нажать на кнопку поиска.
7. В результате этих нехитрых действий Google покажет все страницы только с сайта Алиэкспресс, на которых присутствует данная картинка. И вы сможете найти все предложения по нужному товару от разных продавцов.
Воспользовавшись этим простым способом вы сможете экономить время и силы на поиски нужного товара и продавца. А также экономить деньги, не переплачивая посредникам, и выбирая самые выгодные предложения на Алиэкспресс.
Есть вопрос? Напишите его в комментариях или обратитесь в чат службы поддержки покупателей.
Перейти на AliExpress.
com
Если вы не нашли в статье ответа на ваш вопрос, то воспользуйтесь поиском по статьям про Али Экспресс.
Royalty Free Stock Photos — Envato Elements
Refine by
Colors
Pink337,056
Red154,086
Orange370,510
Yellow63,471
Green824,169
Teal4,648
Blue1 ,882,062
Purple108,459
Brown2,328,130
Black1,901,326
Grey3,197,475
White1,740,104
People
Beta
No People
2,174,461
1 person
1,579,717
2 people
513,855
3+ people
300,271
Orientation
Landscape
4,268,897
Portrait
1,083,020
Square
75,469
- Цвета0003
Pink337,056
Red154,086
Orange370,510
Yellow63,471
Green824,169
Teal4,648
Blue1,882,062
Purple108,459
Brown2,328,130
Black1,901,326
Grey3,197,475
White1,740,104
People
Beta
No People
2,174,461
1 person
1,579,717
2 people
513,855
3+ people
300,271
Orientation
Landscape
4,268,897
Portrait
1,083,020
Square
75,469
Background
Isolated
597,476
Blurred
37,792
Тренды:
- права человека
Популярность:
- фон
- бизнес
- офис
- Sky
- Coffee
LOORY с черной крышкой (Lorius Lory
от F9PHOTOS
Добавить в коллекцию
Скачать
.
Доломитовые Альпы, лес и горы0003
от monkeybusiness
Добавить в коллекцию
Скачать
Водопад Йосемити
от lensandshutter
Добавить в коллекцию
Скачать
Красивый молодой человек в пальто и рыбаке на берегу моря.
by vadymvdrobot
Добавить в коллекцию
Скачать
Портрет умной молодой женщины, думающей в одиночестве0002 Red Fox, vulpes vulpes, новички, сидящие на Den
от Wildmediask
Добавить в коллекцию
Скачать
Sierra Nevada
от Galyna_andrushko
Добавить в коллекцию
Скачать
Purple Flowers in Glade Glass vase Glass in Glase in Glase vase Glass vase on Glase vase on Glase vase on Glass vase on Glass vase on Glads Glass on Glass in Glass in Glass Glass Glass Glass Glass Glass Glass.
прикроватная тумбочка рядом с большой кроватью
by bialasiewicz
Добавить в коллекцию
Скачать
Турист с собакой в лесу
by Chalabala
Добавить в коллекцию
Download
Pasta with chicken and mushroom
by furmanphoto
Add to collection
Download
Mountain landscape
by rozum
Add to collection
Download
Dark chocolate with cocoa
by NatashaBreen
Добавить в коллекцию
Скачать
Обмакивание хлеба в яичном желтке вручную
Автор копачинский
Добавить в коллекцию
Скачать
Mount Agung Volcano в Sunrise
от Chuyu2014
Добавить в коллекцию
Скачать
Сварщик использовал шлифовальный камень на сталь на заводском языке с Sparks
By Romankosolapov
Добавить в коллекцию
9003 40003-годы.
кремовый
by Alex9500
Добавить в коллекцию
Скачать
Парень в серой футболке разминает руки в боксерском зале с панорамными окнами
by leikapro
Add to collection
Download
Oktoberfest food — sausage, beer and bretzel
by Nadianb
Add to collection
Download
Highland Cattle
by flotsom
Add to collection
Download
Закат над островами залива Халонг на севере Вьетнама.
by antonpetrus
Добавить в коллекцию
Скачать
Бизнесмены за работой
от WABERBREAVMEDIA
Добавить в коллекцию
Скачать
Женский бег бегает, обучение на стадионе
от Nomadsoul1
Добавить в коллекцию
Скачать
Молодой мужчина, работающий в Florwz коллекция
Скачать
Свежие органические овощи на деревенском фоне
by tommyandone
Добавить в коллекцию
Скачать
Милая собака за кухонным столом 9Добавить в коллекцию , подается микрозелень.
by Edalin
Добавить в коллекцию
Скачать
Витебск, Беларусь. Известная достопримечательность — Успенский собор
by Grigory_bruev
Добавить в коллекцию
Скачать
Женщина ловит рыбу на спиннинг Удочка в Норвегии.
от Cookelma
Add to Collection
Скачать
Red Hot Chilli Sauce
от Nikolaydonetsk
Добавить в коллекцию
Скачать
Здоровый завтрак с кофе и Granola
. Скачать
черешня в тарелке на старом белом фоне, здоровая пища, фрукты
by serbogachuk
Добавить в коллекцию
Скачать
Шеф-повар готовит на кухне свиную отбивную с соусом барбекю Фон окрашен в современный синий цвет 2020
от Civil
Добавить в коллекцию
Скачать
Завтрак в постель
от bondarillia
Добавить в коллекцию
Скачать
Вид с воздуха на трактор, косящий зеленое поле в Финляндии.
by nblxer
Добавить в коллекцию
Скачать
Отец с маленьким мальчиком гуляют по пляжу во время летних каникул, развлекаясь.
by Halfpoint
Добавить в коллекцию
Скачать
Вид на закат в мечети, Абу-Даби, Объединенные Арабские Эмираты зеленый раствор в пробирке
от DC_Studio
Добавить в коллекцию
Скачать
Скоростной катер
от Picsuite
Добавить в коллекцию
Скачать
Горы в тумане красивой ночью. Мечтательный пейзаж.0002 Жених и невеста в сером стоят среди озера
от StudioLucky
Добавить в коллекцию
Скачать
Кетогенный диетический завтрак.
жареное яйцо, бекон и авокадо, шпинат и пуленепробиваемый кофе.
от lblinova
Добавить в коллекцию
Скачать
счастливая азиатская спортсменка слушает музыку в смартфоне и наушниках и сидит на песке0034 Скачать
Овощный салат с яблоком и огурцом
от Leungchopan
Добавить в коллекцию
Скачать
Крупный заглушка нерастворимого удержания корзины с чистящей средой на дому
от YuriarcurspeOpleImageImpopleImages
.
Концепция важного объявления с декоративным мегафоном
от AtlasComposer
Добавить в коллекцию
Скачать
Деревянный манекен, изолированный на белом фоне
от BGStock72
Добавить в коллекцию
Скачать
Держать стаканы с напитком.
Группа счастливых женщин на девичнике композиция с ручными зубными щетками на цветном фоне, крупный план
от FabrikaPhoto
Добавить в коллекцию
Скачать
Подросток Пьет Кофеин Энергетический Напиток Игры Дома Использует Двойные Компьютерные Экраны Ночью
Добавить в коллекцию
Загрузить
Концентрированная миска для лепки
by seventyfourimages
Добавить в коллекцию
Скачать
рагу из говядины с картофелем и морковью
от furmanphoto
Добавить в коллекцию
Скачать
Анализ формы нагретого металла.
by seventyfourimages
Добавить в коллекцию
Скачать
Набор стоковых фотографий — Etsy.
