Как добавить дополнительные изображения вариаций в WooCommerce

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

    Это создает проблему для тех владельцев магазинов WooCommerce, которые хотят иметь возможность демонстрировать свои продукты под разными углами, ракурсами и в деталях. Итак, мы здесь, чтобы решить эту проблему за вас.

    К концу этой статьи вы будете знать, как добавить дополнительные изображения вариантов для ваших продуктов в WooCommerce. Вы сможете сделать это в два этапа с помощью плагина изображений WooCommerce, WooThumbs for WooCommerce.

    Как работает WooThumbs для WooCommerce?

    WooThumbs для WooCommerce позволяет полностью настроить галерею изображений товаров в соответствии с вашими потребностями. В рамках этой настройки он также позволяет вам включать дополнительные изображения вариантов в ваш магазин WooCommerce.

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

    В качестве бонуса:

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

    Конечно, это не все, на что способен WooThumbs. Этот плагин также может:

    • Выбрать горизонтальным и вертикальным ползунком или эффектом затухания для вашей галереи товаров.
    • Отрегулировать расстояние между миниатюрами, цветами значков, скорость перехода и многое другое.
    • Встраивать видеоконтент в свою галерею с YouTube и Vimeo, или загружать  прямо в WooCommerce.
    • Показать свой товар  в полной мере с плавным масштабированием изображения и настраиваемыми режимами отображения.

    Итак, чтобы включить дополнительные изображения вариантов в WooCommerce, все, что вам нужно сделать, это выполнить следующие несколько шагов.

    Как добавить дополнительные изображения вариаций в WooCommerce?

    Чтобы добавить дополнительные изображения вариаций в WooCommerce необходимо сделать следующее:

    1. Установите плагин изображений WooThumbs для WooCommerce.
    2. Импортируйте дополнительные изображения вариаций.

    Это просто. Ниже мы подробно опишем эти шаги, чтобы вы могли увеличить продажи своего интернет-магазина.

    Шаг 1. Установите WooThumbs для WooCommerce

    Внимание!  Данный плагин платный, поэтому начала нужно купить WooThumbs для WooCommerce.

    Затем выполните следующие действия:

    • Перейдите в Плагины > Добавить новый > Загрузить плагин.
    • Выберите zip-файл, который вы скачали, загрузите и нажмите «Активировать».
    • После активации вам потребуется ввести лицензионный ключ.

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

    Шаг 2. Добавьте дополнительные изображения вариантов

    Чтобы добавить дополнительные изображения вариантов в ваш магазин WooCommerce, выполните следующие действия:

    1. Перейдите в Товары > Все товары.
    2. Отредактируйте вариативный товар, к которому вы хотите добавить дополнительные изображения.
    3. Прокрутите страницу вниз до раздела «Данные о товаре» (обычно находится под областью основного текста / описания товара).
    4. Выберите вкладку Вариации слева.
    5. Щелкните стрелку раскрытия вариации, в который вы хотите добавить дополнительные изображения.
    6. Нажмите кнопку «Добавить дополнительные изображения» под существующим изображением, и откроется мультимедийная галерея.
    7. Выберите одно или несколько вариантов изображений, которые вы хотите добавить, затем нажмите кнопку «Добавить в вариант».
    8. Теперь вы увидите дополнительные изображения вариантов на вкладке «Вариации».
    9. После того, как вы настроили все свои вариации, нажмите «Сохранить изменения» в разделе «Данные о товаре» на странице, а затем прокрутите страницу до раздела «Опубликовать» и нажмите «Обновить».

    Примечание. После того как вы добавили дополнительные изображения вариантов для своего товара WooCommerce, вы можете изменить их порядок, просто перетащив их на вкладке «Вариации». Вы также можете удалить ненужные изображения, наведя на них курсор и щелкнув значок «минус».

    Управление дополнительными вариантами изображений

    WooThumbs позволяет вам массово добавлять дополнительные изображения.

    Чтобы управлять изображениями вариантов, сделайте следующее:

    1. Перейдите в WooCommerce > WooThumbs > Массовое редактирование.
    2. Здесь вы сможете увидеть все свои продукты WooCommerce с дополнительными вариантами изображений.

    На этой странице отображается имя варианта, его родительский продукт и идентификатор (номер, присвоенный каждому изображению, которое вы загружаете в WordPress) добавленных вами изображений вариантов.

    1. Чтобы добавить дополнительные изображения вариантов в большом количестве, просто добавьте идентификатор изображения каждого изображения рядом с существующим номером в столбце Изображения. Они должны быть разделены запятой и без пробелов
    1. Чтобы внести эти изменения, вам необходимо уже загрузить дополнительные изображения вариантов в медиа-галерею WooCommerce.

    1. Перейдите в Мультимедиа> Библиотека и щелкните значок списка в верхнем левом углу.

    2. Здесь вы сможете найти идентификатор изображения, как на скриншоте ниже:

    1. Итак, если все в ок, то  нажмите синюю кнопку «Обновить» в окне «Массовое редактирование изображений вариантов», и изображения вариантов будут обновлены.

    Получайте полезную информацию
    на Вашу почту еженедельно

    Ваш Email не будет передан третьим лицам