Как вывести описание категории товаров 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

В данной статье рассмотрим как сделать в WooCommerce описание категории после товаров или подкатегорий. Но «Для чего это нужно и на что влияет?» — спросите вы.

Для продвижения интернет-магазинов чаше всего берутся за основу категории товаров, поскольку их меньше и проще наполнить контентом. Поэтому, копирайтерам дается ТЗ на приличное количество знаков. Так вот. Представьте себе ситуацию, когда пользователь попадает на страницу категории товаров или подкатегорий, а перед ним «портянка» из контента, а только потом товар.

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

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

Подготовка

В WooCommerce описание категории после товаров или подкатегорий делается при помощи кода, который необходимо вставить в файл functions.php. Этот код добавляет второе текстовое поле, которое выводит контент под карточками товара и при этом, основное описание остается на месте (сверху).

В поисках решения этого вопроса я испробовал несколько вариантов. Наиболее удачным оказался код, который я нашел на сайте impuls-web (в статье: Как улучшить категории Woocommerce без плагинов?). Применялся он на разных темах. Последний проект был собран на теме Astra, а версия WordPress на данный момент — 5.6.2.

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

1. идем на хостинг и создаем резервную копию;
2. делаем клон темы;
3. добавляем код в файл functions.php;
4. проверяем работоспособность сайта;
5. в категории товара WooCommerce размешаем контент в поле «Дополнительное описание»;
6. переходим в интернет-магазин и проверяем вывод контента.

Как сделать дочернюю тему в WordPress?

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

Для этого я использую плагин — Child Theme Configurator. Он позволяет сделать дочернюю тему в WordPress и скопировать дополнительные файлы для внесения изменений, без риска потерять их при обновлении. В нашем случае это файл — functions.php.

В админке Вордпресс заходим в раздел — «Плагины» и как обычно добавляем плагин Child Theme Configurator.

После активации переходим в его настройки (Инструменты → Дочерние темы) и попадаем в раздел настройки плагина.

Далее выполняем следующие шаги:

• во вкладке «Родитель./Дочерняя тема» напротив пункта № 1 «Выберите действие» выбираем «СОЗДАТЬ новую дочернюю тему»;

• напротив пункта № 2 «Выберите родительскую тему» выбираем тему, которую необходимо скопировать. У меня это тема «Astra», далее жмем на кнопку «Анализ». Система выдает несколько информационных окон и в одном из них указано, что нет необходимости создавать отдельный файл стилей «Для отображения этой темы не требуется файл style.css родительской темы». Мы так и поступим;
• в пункте № 4 вводим наименование дочерней темы, у меня по умолчанию — это «astra-child02»;
• в пункте № 5 оставляем значение «Основная таблица стилей (style.css)»;

• в пункте № 6 выбираем «Не подключать родительскую таблицу стилей». Она, уже, итак подключена;

• пункт № 7 можно оставить без изменений;

• пункт № 9 позволяет сделать дочернюю тему в WordPress. Жмём на кнопку «Create New Child Theme».

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

После активации темы перейдите во вкладку «Фалы» в плагине Child Theme. В ней вы можете увидеть, что нужный файл functions.php уже скопирован, а если нет — то сделайте это.

Найдите в списке требуемый файл, установите флажок в чекбокс и нажмите скопировать.

Также вы можете копировать любой доступный файл темы для его последующего редактирования.

Подключаем дополнительное описание

В админке WP выбираем «Внешний вид», затем «Редактор тем» и находим файл functions.php. Он будет в колонке справа.

Открываем его и скролим в самый низ.

В конце окна редактора темы — добавляем следующий код, перед символами: ?> , если они есть:

После этого не забываем сохранить код в файле. Жмем кнопку «Обновить файл».

Далее открыв сайт в новой вкладке — проверяем его работоспособность.

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

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

Подробное описание и дополнительно оформленный текст, например, нумерованным и/или маркированным списком — только повысит качество страницы.

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

Пишу SEO-тексты, и наполняю ими страницы коммерческих сайтов и/или дорабатываю уже существующий контент.

Источник

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

Опубликовано: ADv Дата 19.09.2014 в рубрике WooCommerce 14 комментариев

Не все темы, адаптированные для WooCommerce, поддерживают вывод описания рубрики на страницу рубрики. Однако, некоторым из вас может понадобится вывести описание рубрики для SEO или для того, чтобы покупатели лучше ориентировались в том, какие именно товары расположены в этой товарной категории перед покупкой. Сегодня мы расскажем вам как, собственно, поместить описание рубрики под её названием.

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

Способ 1:

Все, что вам нужно сделать, это поместить код в файл functions.php вашей темы или в плагин для сайта WordPress:

Способ 2:

Код добавляем в файл вывода рубрики магазина (обычно это content-product_cat.php в папке woocommerce темы)

Способ 3:

Код добавляем в файл functions.php вашей темы:

Сохраните файл и перейдите в любую рубрику вашего магазина на WooCommerce, в которую вы предварительно добавили описание. Ниже — скриншот для товаров WooCommerce на странице товарной категории «WooCommerce»

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

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

Источник

Добавляем краткое описание (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: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети. — заказы, вопросы. разработка.

Источник