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

Добавление кратких описаний товаров на страницу каталога

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

Например после названия товара, после цены, или даже после кнопки добавления в корзину!

Кстати, в моём видеокурсе по WooCommerce есть отдельный урок про страницу «Магазин».

А пока что взгляните, что у нас получится в итоге этого урока:

Давайте познакомлю вас с несколькими хуками сначала:

• woocommerce_after_shop_loop_item_title – срабатывает сразу после заголовка. На приоритет 5 добавляется цена, на приоритет 10 – рейтинг товара.
• woocommerce_after_shop_loop_item – на приоритет 5 добавляется закрывающая ссылка, на приоритет 10 – кнопка добавления в корзину.

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

А пока что вот код, которым я добавлял описание товара на скриншоте:

• Так что я рекомендую использовать именно хук woocommerce_after_shop_loop_item , если хотите сделать описание частью ссылки – смело ставите приоритет 4, если добавить его после кнопки добавления в корзину – ставим приоритет больше 10.
• Функция the_excerpt() для товаров WooCommerce выводит «Краткое описание товара».
• Если не знаете, куда вставлять код, читайте этот пост.

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!

Источник

Как вывести краткое описание товара на странице категории в WooCommerce

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

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

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

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

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

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

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

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

7 комментариев к записи « Как вывести краткое описание товара на странице категории в 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/ ). Так можно получить больший охват аудитории.

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

А как сделать, чтобы описание было не между ценой и кнопкой «В корзину»? Это же абсурд!
Как выбрать, чтобы отображалось сразу после заголовка?

Спасибо, отлично, все работает!
Примечательно, что если в карточке товара нет краткого описания — то автоматически добавляется основное описание.
В следствие чего вопрос — а как должен быть код, если необходимо вывести, наоборот, длинное описание?

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

не могу удалить некоторые категории товаров, хоть они и не по умолчанию и все равно не хотят удаляться. Что делать?

Источник

Вывод только краткого описания woocommerce

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

цель — сделать так, чтобы при наличии лишь полного описания — не выводило ничего.
а при наличии полного и краткого — выводило краткое.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Какими плагинами реализовать вывод на главную в табличном виде, миниатюр и краткого описания к статьям?
Необходимо реализовать вывод на главную страницу в табличном виде, миниатюр и краткого описания к.

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

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

Как в woocommerce отображать контент только для зарегистрированных?
Добрый день! Есть необходимость показа товаров только для зарегистрированных пользователей.

Источник

Добавление краткого описания в каталоге товаров WooCommerce

Способ 1.

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

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

Способ 2.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

К сожалению, не работали с этим плагином.

У меня почему-то Способ 1 часть 2 — не работает. Первая часть срабатывает. Вставляла вот такой код в файл function.php
add_action( ‘woocommerce_after_shop_loop_item_title’, ‘add_short_description’, 9 );function add_short_description() post_excerpt;$maxchar = 100; //максимальное кол-во символов// Обрезаемif ( mb_strlen( $text ) > $maxchar )<$text = mb_substr( $text, 0, $maxchar );$text = preg_replace('@(.*)\s[^\s]*$@s', '\\1 . ', $text );>echo » $text «;>
Пробовала вообще другой вариант вставки:
add_action( ‘woocommerce_after_shop_loop_item_title’, ‘add_short_description’, 9 );function add_short_description() post_excerpt;$max_char = 100; //максимальное кол-во символов
// Обрезаемif ( strlen( $text ) > $max_char )<$text = substr_replace( $text, '. ', $max_char );>echo » $text «;>

Красавчик! Первый способ сработал без проблем.

Источник

Добавляем краткое описание (Description) к товару в каталоге товаров WooCommerce

В статье рассмотрим несколько примеров (с пояснениями) по теме, как добавить дескрипшн Description описание к товару в каталоге WooCommerce.

Посмотрим какие есть минусы в том или ином варианте вызова во фронтэнде описания в карточке товара.

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

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

Как добавить краткое описание (Description) к товару в каталоге товаров WooCommerce

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

Я дам в статье пару рабочих, что называется «из коробки», вариантов.

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

В итоге получим обычный фильтр, который и поможет вывести описание к товару в магазине на woocommerce (данные коды добавлять в functions.php или свой плагин):

Выведет дескрипшн к описанию товара. Величина текста в символах будет равна числу символов в настройках функции the_excerpt() .

Обычно эту функцию переопределяют в файлах шаблона (на сайте есть пост по теме).

Обрезать текст внутри цикла возможно таким образом:

Если вам нужно задать количество выводимых на экран символов непременно в коде для wooc, то есть получить по сути автономный код для вызова дескрипшн к товару, тогда поступаем так:

Используем в functions.php или плагине такой код:

В коде даны кое-какие пояснения, так что подробно разжевывать не стану.

К примеру, о приоритете:

В комментариях к файлу wooc content-product.php даны подсказки (об этом файле ниже):

играя цифровым значением приоритетов можно указать последовательность (между чем и чем) выводить описание к товару магазина wooc.

В кодах выше у меня задано значение 9.

После использования одного из выше показанных кодов, в вашем магазине в карточке товара(ов) появится описание.

Получится примерно по такому принципу:

Вариант 2: (Однако, советую использовать первый вариант, потому что тот вариант наиболее логичен. Пояснения ниже)

Наиболее полная подборка, пояснения Условные теги woocommerce…

Подборка полезного кода (сниппеты) для работы магазина на WooCommerce…

добавим краткое описание (Description) к товару в каталоге WooCommerce

Этот вариант имеет свои плюсы и минусы. А поэтому целесообразно в этом посте упомянуть и о нём.

Прицепим код для вывода описания (description) товара напрямую в коде файла.

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

Далее создаём в папке ядра шаблона сайта подпапку с именем woocommerce. И в эту новую папку помещаем скопированный файл из ядра плагина.

К слову, в эту папку в дальнейшем будем помещать и другие требуемые для магазина файлы из ядра — подробности…

Теперь добавляем в перенесённый файл (в требуемое конкретное место для вывода описания) примерно такую строку:

Подобный подход переноса файла из плагина woocommerce в шаблон обусловит сохранность правок файла ( ведь редактировать напрямую файлы плагин нельзя! )!

Минусы (а для кого-то плюсы) в том, что придётся время от времени в связи с обновлениями woocommerce в теме подправлять файл wooc!

Этот вариант вывода описания товара в каталоге woocommerce подойдёт для тех администраторов магазинов, которые строят какой-то свой уникальный дизайн отображения страниц! Тогда, да! в этом конкретном случае наиболее целесообразно перенести файл wooc в ядро шаблона и там работать…

Как итог наших правок, краткое описание будет выведено в карточке товара в каталоге woocommerce.

В качестве бонуса к статье следующий раздел:

К слову: в статье, может быть, не совсем понятно излагаю алгоритм действий для рядовых владельцев магазинов, которые отдаленно понимают о чем я говорю, однако, вряд ли стоит подробно расписывать эту тему. К тому же, на мой взгляд, в некоторых случаях логичнее всего обратиться за помощью к профессионалам, например, к ребятам студии web-dius.ru…

Всего знать невозможно. И одно дело управлять магазином, как маркетолог, и совсем иное, как программист, скажем…

В студии смогут создать сайт полностью, что называется под «Ключ», так и внести кое-какие правки в качестве бонусного исключения. Так что рассмотрите для себя этот вариант.

как убрать количество товара в категории woocommerce

Чтобы убрать выводимое в TITLE число товаров опубликованных в категории (цифровое значение) нужно всего-то в файл функций активного шаблона (либо свой плагин) добавить код, показанный ниже:

Подборка полезного кода для работы с магазином на woocommerce описана по ссылке выше.

Если чего-то упустил описать… и если непонятно, задавайте вопросы в комментариях…

Смена эл/почты; логина пользователя; пароля через Базу Данных за минуту

Михаил ATs — владелец блога запросто с Вордпресс — в сети нтернет давным-давно.

. веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети. — заказы, вопросы. разработка.

Источник