Домой / WordPress / Как задать изображение товара по умолчанию в WooCommerce
Как задать изображение товара по умолчанию в WooCommerce

Как задать изображение товара по умолчанию в WooCommerce

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

Итак, приступим!

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

Зайдите с административного меню в Медиафайлы -> Добавить новый.

Как задать изображение товара по умолчанию в WooCommerce

2. На открывшейся странице нажмите кнопку «Выберите файлы» и загрузите с компьютера изображение.

После этого напротив загруженного изображения нажмите кнопку «Изменить».

Как задать изображение товара по умолчанию в WooCommerce

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

Как задать изображение товара по умолчанию в WooCommerce

4. Добавляем код ниже в файл functions.php. Далее в 9 строчке кода  ($src = $uploads . ‘/2015/08/default-image.jpg‘;) замените на свою часть ссылки на изображение, которую вы скопировали в прошлом шаге и сохраните файл functions.php.

add_action( 'init', 'custom_fix_thumbnail' );
 
function custom_fix_thumbnail() {
  add_filter('woocommerce_placeholder_img_src', 'custom_woocommerce_placeholder_img_src');
   
	function custom_woocommerce_placeholder_img_src( $src ) {
	$upload_dir = wp_upload_dir();
	$uploads = untrailingslashit( $upload_dir['baseurl'] );
	$src = $uploads . '/2015/08/default-image.jpg';
	 
	return $src;
	}
}

Готово! Изображение по умолчанию для всех товаров назначено!

Важно! В теме Storefront код нужно добавлять в файл themes\storefront\inc\init.php.

Результат добавления изображения по умолчанию:

Как задать изображение товара по умолчанию в WooCommerce

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

В случае, если у Вас по каким-то причинам что-то не получилось — смело пишите в комментариях!

Здравствуйте, друзья! В этом уроке мы продолжим с Вами говорить о интернет магазине WooCommerce, и разберем как можно указать изображение товара по умолчанию, которое будет появляться автоматически на всех товарах без миниатюры. Итак, приступим! 1. Для начала нам нужно загрузить изображение, которые мы хотим использовать по умолчанию. Зайдите с административного меню в Медиафайлы -> Добавить новый. 2. На открывшейся странице нажмите кнопку "Выберите файлы" и загрузите с компьютера изображение. После этого напротив загруженного изображения нажмите кнопку "Изменить". 3. Теперь нужно скопировать часть ссылки на изображение, в которой указан путь к папке с загруженным файлом. 4. Добавляем код ниже в файл functions.php. Далее…

Обзор

Оценка как всегда на высоте :)

Рейтинг: 4.89 ( 12 голосов )
100

12 комментариев

  1. Аватар

    Спасибо за статью! Буду использовать ваши рекомендации на своем сайте — pycc-site.ru

  2. Аватар

    Александр, подскажите пожалуйста! Задаю изображение товара, в каталоге высвечивается, а в карточке нет . Скажите в чем проблема, и как её решить? Связано ли это с размером картинки?

  3. Аватар
    Екатерина

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

    • Аватар

      Здравствуйте. Сперва нужно найти саму проблему или попытаться решить её стандартными способами. Что для этого нужно:
      1) Обновите WP
      2) Обновите WooCommerce
      3) Отключите все плагины кроме WC и проверьте добавление.
      4) Измените тему, дабы убедиться что проблема не в ней.
      Таким образом можно исправить/исключить/найти/ проблему на сайте.

    • Аватар
      Александр

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

  4. Аватар

    Подскажите как отсортировать чтобы товары без фото (т.е. с фото по умолчанию) находились в конце списка товаров.

  5. Аватар

    помогите пожалуйста настроить просмотр товара чтобы не сближало а переходило на другую картинку. http://sumkilviv.pp.ua/

  6. Аватар

    Добрый день. В новых версия WooCommerce можно сделать это в настройках WooCommerce (Админка -> WooCommerce -> Настройки).

    Первые шаги делаются точно также, добавляется новое изображение в Медиа Библиотеку сайта, копируется ссылка или ID изображения. Далее заходите в настройки WooCommerce (Админка -> WooCommerce -> Настройки) и в поле «Изображение заполнитель» вставляете ссылку или ID изображения. После этого сохраняете настройки. Изображение по умолчанию изменилось.)

    Добавьте пожалуйста как альтернативный метод в статью.)

  7. Аватар

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

  8. Аватар
    Анатолий

    Как изменить изображения товаров для сайта artcvety-omsk.ru ?

  9. Аватар

    У меня есть более актуальная информация 2021 года 😉
    https://tabhub.ru/kak-pravilno-prikreplyat-fotografiyu-k-tovaru/

  10. Аватар
    Александр

    Обновил информацию по массовой работе с фотокарточками товаров в интернет-магазине на WooCommerce:
    https://tabhub.ru/kak-massovo-prikrepit-kartinki-k-tovaru-woocommerce/

Оставить комментарий

Ваш email не будет опубликован.

*