Разное

Картинки товаров: поиск изображений в интернете, поиск по изображению

27.05.2020

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

Заказать сайт

Искать везде

  • Искать везде
  • CMS
  • Интернет-магазин 2.0
  • Интернет-магазин 1.0
  • Onicon
  • Maliver
  • Rekmala
  • Pablex
  • Кабинет и почта
  • CRM
  • Интеграции CMS. S3

Главная / Интернет-магазин / Интернет-магазин 2.0 / Товары / Добавление товара / Добавление картинок к товарам

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

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

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

Шаг 1

Для добавления картинки к товару нажмите на кнопку «Добавить» в пункте «Картинка товара».

Шаг 2

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

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

Обратите внимание!

  • При необходимости Вы можете в этом же окне загрузить нужные картинки. Подробнее об этом читайте в инструкции.

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

Обратите внимание!

  • Для всех картинок товара в качестве параметров «alt» и «title» будет использоваться название товара.

Была ли статья вам полезна?

Да

Нет 

Укажите, пожалуйста, почему?

  • Рекомендации не помогли
  • Нет ответа на мой вопрос
  • Содержание статьи не соответствует заголовку
  • Другая причина

Комментарий

Изображения товаров | Инструкция Moguta.CMS

← Настройка групп товаров Система →

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

 Видео

 Основные элементы панели управления

В разделе изображений товара, можно изменять параметры для загружаемых картинок категорий и товаров. При загрузке картинки к категории, оригинальная картинка будет сжата в соответствии с размерами указанными в настройках «Высота изображения категорий» и «Ширина изображения категорий«. В целях ускорения загрузки страниц, Moguta.CMS для каждого товара создает три картинки — маленькую, среднюю и оригинал. Каждая из картинок отображается, только в нужный момент времени на страницах сайта. Узнать подробнее о структуре изображений товаров.

Внимание!

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

1. Блок настроек максимальных размеров миниатюр товаров 

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


2. Пересоздать миниатюры
— запускает процесс переделывания всех картинок товаров под указанные выше параметры ширины и высоты.
3. Создать изображения WEBP
запускает процесс, который сделает WEBP копии всех JPG и PNG изображений из папки сайта uploads/ и поместит их в папку uploads/webp/. Будут обрабатываться только, те изображения, у которых еще нет копий в WEBP.

4. Блок настроек работы с изображениями

  • Качество миниатюры после сжатия (от 0 до 100) — Укажите процент сохранения качества изображения при сжатии.
  • Тип масштабирования изображений.  Пропорционально — масштабирование в заданный прямоугольник с сохранением пропорций. Точно — пропорциональное масштабирование в прямоугольник, с обрезанием лишнего.
  • Использовать водяной знак для изображений — при загрузке изображений к товарам модифицирует его и накладывает на изображения товаров картинку водяного знака.
  • Использовать водяной знак для картинок вариантов — при включенной опции, водяной знак применяется к новым изображениям вариантов товара.
  • Использовать изображение первого варианта товара как главное — если у товара есть варианты с прикрепленными к ним изображениями, на сайте будет отображаться изображение первого доступного варианта товара, вместо указанного главного.
  • Использовать WEBP изображения  изображения в формате WEBP вдвое меньше, изображений в JPG либо PNG. Если опция включена, то на сайте будут выводиться более легковесные копии оригинальных изображений из папки uploads/webp/. При добавлении изображений к товарам, копии WEBP миниатюр будут созданы автоматически, для других картинок на сайте необходимо запустить процесс вручную чтобы создать изображения WEBP. Для этого нажмите на кнопку «Создать изображения WEBP»

Внимание!

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

← Настройка групп товаров Система →

750+ изображений товаров [HQ] | Скачать бесплатные изображения на Unsplash

750+ изображений продуктов [HQ] | Скачать бесплатные изображения на Unsplash
  • A Photophotos 10K
  • Степка фотосколков 10K
  • Группа людей 186

Фотография продукта

Фон

Продукты

Фон продукта

Продукт

Фон продукта

Дизайн продукта

Желтый фон

Продукт

Желтый.

человек

samsungproHd обои samsungпамять

fashionfootwearbrogues

Fruits images & picturesreuseplastic free

Hd red wallpaperscosmeticslipstick

sneakershoesshoe

sustainabilitypulseswrap

hardwaressdmemorycard

techHd minimalist wallpapersclear

covidcoronavirusHealth images

objectrender

Hd yellow wallpapersMusic images & picturesHd color wallpapers

cameraanalogue photographyfilm фотография

sunglassesglasseseyewear

Hd computer wallpaperselectronicscomputer hardware

furniturechairminimal

advertisementpepsi blackpepsi max

plantpotted plantsucculent

Car images & picturesvehicleclean

Hd grey wallpapersaustraliamelbourne vic

Related collections

Product

951 photos · Curated by Michelle

Товар

572 фото · Куратор L R

товар

328 photos · Curated by Valerie Chung

packagingzero wastereusable

samsungproHd samsung wallpapersmemory

Fruits images & picturesreuseplastic free

furniturechairminimal

plantpotted plantsucculent

hardwaressdmemorycard

packagingzero wastereusable

objectrender

fashionfootwearbrogues

Hd computer wallpaperselectronicscomputer hardware

кроссовкиобувь

sustainabilitypulseswrap

Hd grey wallpapersaustraliamelbourne vic

covidcoronavirusHealth images

Hd yellow wallpapersMusic images & picturesHd color wallpapers

cameraanalogue photographyfilm photography

sunglassesglasseseyewear

Hd red wallpaperscosmeticslipstick

advertisementpepsi blackpepsi max

Related collections

Product

951 фото · Куратор Мишель

Продукт

572 Фотографии · Куратор L R

Продукт

328 Фотографии · Куратор Valerie Chung

Car Images & Pictures Viehicleclean

Techhd Minimalist Wallpaperscle

SAMSUNG Memory

MAMITRAL

11111111111111111111 гг. samsung wallpapersmemory

Rachit Tank

objectrender

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

eniko kis

cameraanalogue photographyfilm photography

Irene Kredenets

fashionfootwearbrogues

Giorgio Trovato

sunglassesglasseseyewear

Unsplash logo

Unsplash+In collaboration with Kateryna Hliznitsova

Unsplash+

Unlock

Fruits images & picturesreuseplastic free

Samsung Memory

Память для всех ↗

Sponsored

Hd обои для компьютераэлектроникакомпьютерное оборудование

CA Creative

Hd red wallpaperscosmeticslipstick

Ruslan Bardash

furniturechairminimal

REVOLT

sneakershoesshoe

Olena Sergienko

advertisementpepsi blackpepsi max

Unsplash logo

Unsplash+In collaboration with Toa Heftiba

Unsplash+

Unlock

устойчивостьpulsewrap

Галина Н

растениерастение в горшкесуккулент

Samsung Memory

Memory storage made for everyone ↗

Sponsored

hardwaressdmemorycard

Giorgio Trovato

Car images & picturesvehicleclean

Joan Tran

Hd grey wallpapersaustraliamelbourne vic

Daniel Korpai

techHd minimalist wallpapersclear

Unsplash logo

Unsplash+In collaboration with Toa Heftiba

Unsplash+

Unlock

упаковкабез отходовмногоразовое использование

Kelly Sikkema

covidcoronavirusHealth images

Unsplash logo

Сделайте что-нибудь потрясающее

500+ Продукты Картинки | Скачать бесплатные изображения на Unsplash

500+ изображений товаров | Скачать бесплатные изображения на Unsplash
  • A Photophotos 10K
  • Степка фотосколков 1. 3K
  • Группа людей 414

Cosmetic

бутылка

Beauty

Продукт

Clothing

Sneaker

Product

Sneaker

Product

.0011

person

beauty product

Brown backgrounds

Hd yellow wallpapersMusic images & picturesHd color wallpapers

sneakerrunning shoeHd nike wallpapers

royaume-unilondonbranding

humanPeople images & pictureselectronics

Hd 3d wallpapersrenderdigital image

productobjectpair

treatmenthair снятиемакияжа

даккабангладешувлажняющий крем

салон красотымагазин

Food images & picturesvancouvercanada

wellnessessential oilsoils

fashionmexico cityMexico pictures & images

skincarecleanserface wash

hand creammake-up artistspa day

cosmeticHd blue wallpaperscurology set

shoesstyleboot

beauty productsglossier

shoeminimalunited kingdom

waxingwax depilationskin поддержка

Коричневый фон

кроссовкикроссовкиHd nike wallpapers

royaume-unilondonbranding

cosmeticHd blue wallpaperscurology set

treatmenthair removalmake up

beautyshopstore

wellnessessential oilsoils

fashionmexico cityMexico pictures & images

hand creammake-up artistspa day

Hd 3d wallpapersrenderdigital image

shoesstyleboot

beauty продуктыglossier

Еда фото и картинкиванкуверканада

Желтые картинки hdМузыка картинки и картинкиЦветные обои

SkincareCleanserface Wash

Humanpeoples Images & Pictureselectronics

ProductObjectpair

Dhakabangladesh Shipurising

Продукты

1,2K Photo · Curalde Dramos

Продукты

431 Фотография · Curalde Dramos

Продукты

431 431. Джастин Джексон

обувь минимализм Великобритания

вощение воск депиляция поддержка кожи

Samsung Memory

Memory storage made for everyone ↗

Sponsored

Brown backgrounds

Malvestida

fashionmexico cityMexico pictures & images

Hd yellow wallpapersMusic images & picturesHd color wallpapers

REVOLT

sneakerrunning shoeHd nike wallpapers

skincarecleanserface wash

Alex Lvrs

royaume-unilondonbranding

Логотип Unsplash

Unsplash+В сотрудничестве с Катериной Хлизницовой

Unsplash+

Unlock

hand creammake-up artistspa day

Samsung Memory

Memory storage made for everyone ↗

Sponsored

humanPeople images & pictureselectronics

Curology

cosmeticHd blue wallpaperscurology set

pmv chamara

Hd 3d обоирендерцифровое изображение

Rachit Tank

productobjectpair

Irene Kredenets

shoesstyleboot

Unsplash logo

Unsplash+In collaboration with Kateryna Hliznitsova

Unsplash+

Unlock

treatmenthair removalmake up

Shardar Tarikul Islam

dhakabangladeshmosturising cream

Reuben Mansell

beauty productsglossier

Francesca Grima

beautyshopstore

Imani Bahati

shoeminimalunited Королевство

J.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *