Добавление изображений товаров и галереи

Изображения измеряются и задаются в пикселях, например, 800 x 800 пикселей. Обратите внимание, что первое число — это ширина, а второе — высота.

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

Типы изображений

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

• Простое изображение товара (Single Product Image) — это самое большое изображение и относится к основному/функциональному изображению на странице подробной информации об отдельном товаре.
• Изображения каталога (Catalog Images) — это изображения среднего размера, появляющиеся в контурах товаров, таких как страница магазина, страницы категорий товаров, сопутствующих товаров, Up-sells и Cross-sells.
• Миниатюры товаров (Product thumbnails) — это самые маленькие изображения, используемые в корзине, виджетах и (необязательно) эскизах галереи под одиночным изображением товара.

Добавление изображений продуктов и галерей

Добавление изображений продуктов и галерей — это опции, доступные с правой стороны при добавлении или редактировании продукта в вашем магазине из Товары > Все товары.

Изображение продукта

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

Выберите Установить изображение товара.

Выберите существующее изображение в медиатеке или загрузите новое.

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

Добавление, удаление и редактирование изображения товара происходит так же, как и редактирование тематических изображений для постов и страниц.

Галерея товара

Добавление изображения в галерею товара

Галереи товара отображают все изображения, прикрепленные к продукту, через мета-блок «Галерея товара».

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

Изменение порядка изображений в галерее товара

Изображения в галерее товаров можно легко упорядочить с помощью перетаскивания. Просто измените порядок изображений, перемещая их.

Удаление изображений из галереи товара

Чтобы удалить изображение из галереи товаров, наведите курсор на изображение и нажмите на красный «x».

Вид покупателя

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

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

Или клиенты могут нажать на опцию Magnifying Glass+ в правом верхнем углу. При этом появляется окно Lightbox, чтобы клиенты могли увидеть выделенное крупным планом изображение на темном фоне и, если оно есть, просмотреть галерею в виде слайд-шоу. Сенсорные жесты также работают на мобильных устройствах.

FAQ

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

Мы рекомендуем минимальный размер 800 x 800 пикселей по ширине и высоте. Такой размер хорошо подходит для основного изображения, изображения каталога и уменьшенного изображения. Изображения большего размера даже лучше, особенно если вы продаете товары с высокой детализацией.

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

Что произойдет, если я забуду задать размер изображения?

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

Мои изображения размытые/нечеткие, как их исправить?

Посмотрите: Исправление размытых изображений товаров.

Что такое лайтбокс в WooCommerce?

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

Можно ли отключить лайтбокс?

Ага, см: Отключить WooCommerce 3.0x Lightbox. Имейте в виду, что это настройка, выходящая за рамки того, с чем мы можем помочь в рамках нашей политики поддержки.

Что такое масштаб изображения в WooCommerce?

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

Можно ли отключить функцию масштабирования изображения?

Да, конечно. Просто знайте, что это настройка, и мы не можем предложить помощь с этим в рамках нашей политики поддержки. Тем не менее, смотрите подробнее об отключении WooCommerce Zoom.

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

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

Я не вижу настроек Изображения товара, описанных выше в WooCommerce Customizer.

Это может произойти по двум причинам:

• Вы используете версию WooCommerce ниже, чем 3.3x.
• Ваша тема объявила о поддержке определенного размера изображения. Это может быть отменено с помощью кода, приведенного в разделе Поддержка темы в WooCommerce Image Improvements.