Добавление картинок к товарам
Заказать сайт
Искать везде
- Искать везде
- CMS
- Интернет-магазин 2.0
- Интернет-магазин 1.0
- Onicon
- Maliver
- Rekmala
- Кабинет и почта
- 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 Chungpackagingzero 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 ChungCar Images & Pictures Viehicleclean
Techhd Minimalist Wallpaperscle
SAMSUNG Memory
MAMITRAL11111111111111111111 гг. samsung wallpapersmemoryRachit Tank
objectrender
желтые картинки hdмузыка картинки и картинкицветные обои hd
eniko kis
cameraanalogue photographyfilm photography
Irene Kredenets
fashionfootwearbrogues
Giorgio Trovato
sunglassesglasseseyewear
Unsplash logoUnsplash+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 logoUnsplash+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 logoUnsplash+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
Логотип UnsplashUnsplash+В сотрудничестве с Катериной Хлизницовой
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 logoUnsplash+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.