Categories: Мадженто 2

Як швидко додати зображення товару в Magento 2

Як ви вже знаєте, структура і функціональність Magento 2 відрізняються від Magento 1.x версій. У новій версії двигуна було введено багато нового. Це стосується як фронтенду, так і бекенду. І сьогодні ми коротко розглянемо як можна легко та швидко додати картинку (або відео) для товара в Magento 2.

 

В першу чергу вам потрібно зайти в Консоль адміністратора магазину на Мадженто 2. Потім перейдіть в Товари -> Каталог (Products -> Catalog).

Ви побачите список товарів вашого інтернет-магазину. Виділіть чекбоксом потрібний товар для зміни (або спочатку додайте новий товар, а потім виділіть його в списку).

Після виділення потрібного товару в списку, виберіть параметр «Доступні зображення» (Images available) в меню «Зображення та відео» (Images and Videos) зліва від зображення товару.

 

Додавання картинки для товара Magento 2

Щоб додати нові картинки для товару ви можете використовувати 2 способи:

  1. Ви можете перетягнути одне чи кілька ваших зображень в область додавання картинок методом drag&drop.
  2. Також є можливість прямого додавання картинки, вибравши її на своєму комп’ютері після кліка на області додавання нового зображення.

 

Зображення, які були завантажені будь-яким з цих способів, будуть додані в колекцію картинок товару.

 

Інші опції при роботі з картинками товару

При роботі з картинками товару ви можете робити масове завантаження зображень, додавати посилання на відео, змінити порядок картинок, видаляти непотрібні фото.

Ви можете додати не тільки картинки, але й відеофайли: Також, як і для додавання зображення, ви можете додавати відео методом drag&drop або завантажувати відео з комп’ютера безпосередньо.

  • Зміна послідовності картинок. Ви можете вказати потрібний порядок картинок, натиснувши на кнопку в правому верхньому кутку і перетягнувши їх. Після розташування картинок в потрібному порядку вам потрібно натиснути кнопку «Зберегти».
  • Видалити зображення. Якщо вам потрібно видалити якусь картинку, тоді натисніть на іконку кошика в лівому нижньому кутку на зображенні.
  • Приховати зображення. Якщо вам потрібно тільки завантажити картинку в колекцію, але не показувати її на сторінці товару, тоді вам потрібно поставити галочку в пункті Приховати зі сторінки товару (Hide from Product Page) внизу поля даних про зображення. Після цього натисніть кнопку «Зберегти».

Призначення ролей

За замовчуванням три ролі ( «Базове зображення», «Маленьке зображення» і «Мініатюра») автоматично призначаються першому зображенню товару. Якщо ви хочете змінити це, зробіть наступне:

  • Натисніть на потрібне зображення, щоб відкрити сторінку відомостей про зображення.
  • У розділі Роль (Role) виберіть роль, яку ви хочете призначити цьому зображенню.

Після цього призначена роль буде відзначена галочкою в обраному режимі.

 

Опис ролей картинок товару:

  • Основне (базове) зображення (Base Image) – це зображення повинно бути достатньо великим, щоб його можна було збільшити при перегляді товару.
  • Мініатюра зображення (Thumbnail) – це невелике зображення (приблизно 150х150), яке виводиться в списку товарів або в міні-віджеті кошика.

 

Після всіх потрібних операцій з картинками товару, натисніть кнопку «Зберегти» у правому верхньому кутку.

От і все, дякуємо за увагу!

 

Recent Posts

WordPress як Headless CMS 🧠 | практично з REST API

WordPress роками був неперевершеним "монолітом": він відповідав і за зручну адмін-панель, і за збереження даних,…

1 тиждень ago

Тандем Nginx + Apache 🤝 Як поєднати швидкість та гнучкість

У світі веб-серверів часто говорять про протистояння Nginx vs Apache. Але що, якби я сказав…

2 тижні ago

Що таке Apache HTTP Server: 📜 Надійний ветеран веб-серверів

Коли я починав свій шлях у веб-розробці, питання "який веб-сервер використовувати?" практично не стояло. Відповідь…

2 тижні ago

Що таке Nginx: чому він швидший за Apache? 🚀 | Інструкція + Конфіги

Коли мова заходить про веб-сервери, два імені завжди на слуху: Apache та Nginx. Apache —…

2 тижні ago

Знайомство з Docker для веб-розробника 🐳 | Встановлення та основи

У світі веб-розробки ми постійно стикаємося з проблемою: "А в мене на комп'ютері все працює!".…

2 тижні ago

Навіщо веб-розробнику віртуальна машина (VM) 🖥️

На зорі моєї кар'єри веб-розробника все було відносно просто: встановив локальний сервер (пам'ятаєте Denwer?), поклав…

2 тижні ago