Меню Закрыть

Woocommerce краткое описание товара в каталоге

Краткое описание товара в WooCommerce отображается только в карточке. Выведем его и в списке товаров.

В данном руководстве мы будем использовать официальную тему WooCommerce — Storefront.

По умолчанию в списке товаров отображается миниатюра, название и ссылка на карточку товара.

Заполняем краткое описание в админ-панели.

Находим подходящий хук в /wp-content/plugins/woocommerce/templates/content-product.php и выводим краткое описание с помощью следующего сниппета.

Добавим нижний отступ для краткого описания. Для этого вставляем следующий код в Внешний вид -> Настроить -> Дополнительные стили.

Жмём кнопку «Опубликовать» и проверяем результат.

Чтобы вывести краткое описание товара только на странице категории достаточно добавить условный тег is_tax.

3 комментариев к записи « Как вывести краткое описание товара на странице категории в WooCommerce »

Можно проще , для тек кто не знает что и куда вставлять. есть плагин с двумя вариантами — https://www.3zweb.com.ua/opisanie-kategorii-tovara-dopolnitelnoe-pole-woocommerce/

Спасибо за дополнение.
Несколько комментариев по плагину:
1. В WordPress можно добавлять метаданные для терминов таксономий ( https://wp-kama.ru/function/add_term_meta ). Советую перейти на них, вместо использования опций. Ну или хотя бы отключить autoload ( https://wp-kama.ru/function/update_option ), иначе, при определенных условиях, это может вызвать проблемы с производительностью сайта.
2. Мне кажется, если добавить галочку для выбора местоположения вывода описания и сделать один плагин — будет проще поддерживать код.
3. Стоит добавить плагин в официальный каталог WordPress ( https://ru.wordpress.org/plugins/ ). Так можно получить больший охват аудитории.

Спасибо то что искал,только почему то переноса текста по умолчанию не происходит.

Способ 1.

Создаем функцию , привязанную к событию woocommerce_after_shop_loop_item_title:

Читайте также:  Mikrotik rb3011uias rm инструкция на русском

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

Способ 2.

Для выполнения этой задачи необходимо скопировать из папки плагина woocommerce/templates файл content-product.php, который отвечает за вывод товаров в цикле Woocommerce, и поместить его в папку woocommerce ( если нет – создать) своей темы. Это нужно для того, чтобы при обновлении плагина сохранить ваши изменения. Поэтому ни в коем случае не стоит редактировать файлы плагина.

Затем вставляем в файл следующий код:

Должно получиться так:

После этого краткое описание будет отображаться на карточке товара в каталоге.

Вам помогла эта статья? Оцените!

Комментариев: 10

Сделала как написано, но получилось не то как хотелось бы

А как получилось, можете описать?

Подскажите, а как ограничить кол-во символов в описании? описания довольно длинные, и получаутся некрасиво

Вместо echo the_excerpt();
прописать следующий код:

Работают не все варианты. Работают короткий Способ 1 и Способ 2. Для Способа 1 с обрезкой необходимо перед $text = $post->post_excerpt; добавить строчку global $post; . Иначе не работает код.

Еще не понятно как в Способе 2 вставить ограниечение по символам.

Кстати в Способе 1 ограничение по символам работает не так как должно – ограничивается словами, а не символами.

Про global $post; согласен.
В способе два можно просто вставить код ограничения по символам из способа 1.
Ограничивать по словам логичнее,- некрасиво, когда слова обрезаны.

Да, забыл. echo $text лучше, конечно, оформить с HTML разметкой и присвоением класса выводимому тексту. Примерно так:

Тогда в CSS стилях тексту можно придать личное форматирование. В противном случае текст наследует родительский стиль и с ним труднее "бороться". И спасибо за код. С мелкими доработками прекрасно работает.

Читайте также:  Mozilla thunderbird русская версия

спасибо Вам огромное за решение – у меня завелось и получилось то, что искал))
Возможно, подскажите, решение для аналогичной задачи, но уже с выводом краткого описания вариативного товара на страницу каталога товаров.
Использую плагин woo-show-single-variations для того чтоб вывести все вариации в каталог – картинка, название, цена – отображаются, а вот краткое описание каждой отдельной вариации – нет, хотя в админ панеле – предусмотрено для каждой вариации отдельное поле (но оно отображаются только в карточке товара).
Буду признателен за помощь)

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

Рекомендуем к прочтению

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

code

Adblock detector