- How to Display Product Description in WooCommerce Store
- Create WooCommerce Product Description Plugin
- Function to get short description WooCommerce
- Managed WooCommerce Hosting Starting from $10/month.
- Function Hook for Correct Action to add WooCommerce short description
- Get WooCommerce product description by product_id
- Wrapping up!
- Добавляем краткое описание (Description) к товару в каталоге товаров WooCommerce
- Как добавить краткое описание (Description) к товару в каталоге товаров WooCommerce
- добавим краткое описание (Description) к товару в каталоге WooCommerce
- как убрать количество товара в категории woocommerce
How to Display Product Description in WooCommerce Store
WooCommerce comes packaged with archive pages and loops that make the WooCommerce product description display awesome. Yet here and there you may need to show more data on your main shop and other archive pages. This tutorial demonstrates how to show a WooCommerce short description of products to archive pages and display it below the title of the product. You can also add a minimum shipping requirement rule on products.
Create WooCommerce Product Description Plugin
In your wp-content/plugins directory, create a PHP file with the name cloudways-product-shor-des.php
Open the file in your code editorial manager. At the top of the file, including this:
This sets up the plugin and gives WordPress all that it needs to activate it.
Now go to the Plugins area in the WordPress admin area and find the plugin:
Now Activate the WooCommerce product description plugin.
At first, it won’t have any effect as you haven’t populated it. This is what the shop page looks like right at this point:
Function to get short description WooCommerce
The short description for products in WooCommerce utilizes the excerpt that you’d find in normal posts. So to show it, you should simply show the excerpt for the post.
In your plugin file, add the code to get product description WooCommerce:
function cloudways_short_des_product()
It’s as basic as that! Yet, now you have to hook your function to the right activity so that it’s output in the correct place in your archive pages.
Managed WooCommerce Hosting Starting from $10/month.
Create, manage, and customize your WooCommerce store with complete freedom.
Function Hook for Correct Action to add WooCommerce short description
How about we investigate the file in WooCommerce that output the content of the loop on archive pages? This file is content-product.php, and you’ll see it in the templates folder in the WooCommerce plugin by using the WooCommerce product description hook. The file incorporates various action hooks, all of which are utilized by WooCommerce to output different content.
As we need to show our excerpt below the title of the product, the hook we have to utilize is woocommerce_after_shop_loop_item_title . As you can see from the content-product.php file, it’s now got two functions attached to it, woocommerce_template_loop_rating() and woocommerce_template_loop_price(), which have priorities of 5 and 10 separately. So we need to hook our function with a higher priority number, to ensure it fires after those. I’ll leave some leeway and use 40 as the priority.
Beneath your function, add this:
add_action( 'woocommerce_after_shop_loop_item_title', 'cloudways_short_des_product', 40 );
Now the complete WooCommerce description code becomes:
function cloudways_short_des_product() < the_excerpt(); >add_action( 'woocommerce_after_shop_loop_item_title', 'cloudways_short_des_product', 40 );
Now save your plugin file and refresh the shop page in your browser.
These descriptions are a bit long. To reduce the content length, add the following code in your functions.php located at theme folder.
function get_ecommerce_excerpt()< $excerpt = get_the_excerpt(); $excerpt = preg_replace(" ([.*?])",'',$excerpt); $excerpt = strip_shortcodes($excerpt); $excerpt = strip_tags($excerpt); $excerpt = substr($excerpt, 0, 100); $excerpt = substr($excerpt, 0, strripos($excerpt, " ")); $excerpt = trim(preg_replace( '/s+/', ' ', $excerpt)); return $excerpt; >
$excerpt = substr($excerpt, 0, 100); where 100 is character limit. you can manage content length by increasing and decreasing its value.
Further, replace the following function
echo get_ecommerce_excerpt();
in your plugin file having name cloudways-product-shor-des.php
Now save your plugin file and refresh the shop page in your browser.
Get WooCommerce product description by product_id
By the following code you can get WooCommerce product description or the product object using product ID
$order = wc_get_order($order_id); foreach ($order->get_items() as $item) < $product_id = $item['product_id']; $product_details = $product->get_data(); $product_full_description = $product_details['description']; $product_short_description = $product_details['short_description']; > By using wc_get_product, get_description() and get_short_description() $order = wc_get_order($order_id); foreach ($order->get_items() as $item) < $product_id = $item['product_id']; $product_instance = wc_get_product($product_id); $product_full_description = $product_instance->get_description(); $product_short_description = $product_instance->get_short_description(); >
Wrapping up!
Since WooCommerce outputs the greater part of its content utilizing hooks, it’s appropriate to include more content by writing functions and connecting them to those hooks. The tutorial demonstrates how to add a short description of the product at product archives.
Добавляем краткое описание (Description) к товару в каталоге товаров WooCommerce
В статье рассмотрим несколько примеров (с пояснениями) по теме, как добавить дескрипшн Description описание к товару в каталоге WooCommerce. Посмотрим какие есть минусы в том или ином варианте вызова во фронтэнде описания в карточке товара. Один из вариантов будет более простой и логичный, однако, существуют и иные, которые нужно иметь в виду перед тем как окончательно выбирать способ реализации вывода описания. С подобными вопросами коррекции отображения карточки товара, ко мне обращается большинство из моих клиентов владельцев магазинов, а потому, думаю, эта статья при случае будет весьма полезна в рамках темы о woocommerce.
Как добавить краткое описание (Description) к товару в каталоге товаров WooCommerce
Если вам необходимо в каталоге товаров вывести описание (дескрипшн Description) к товару, то эту задачу, как и говорилось, можно решить несколькими способами.
Я дам в статье пару рабочих, что называется «из коробки», вариантов.
Создаем произвольную функцию (для первого варианта, к примеру, ats_exc_description ), эту функцию привяжем к фильтру события woocommerce_after_shop_loop_item_title .
В итоге получим обычный фильтр, который и поможет вывести описание к товару в магазине на woocommerce (данные коды добавлять в functions.php или свой плагин):
add_action( 'woocommerce_after_shop_loop_item_title', 'ats_exc_description', 9 ); function ats_exc_description() < echo the_excerpt() . '
'; >
Выведет дескрипшн к описанию товара. Величина текста в символах будет равна числу символов в настройках функции the_excerpt() .
Обычно эту функцию переопределяют в файлах шаблона (на сайте есть пост по теме).
Обрезать текст внутри цикла возможно таким образом:
$text = strip_tags( get_the_content() ); echo mb_substr( $text, 0, 200 ); // 200 - число символов
Если вам нужно задать количество выводимых на экран символов непременно в коде для wooc, то есть получить по сути автономный код для вызова дескрипшн к товару, тогда поступаем так:
Используем в functions.php или плагине такой код:
/*description of the product description in the category catalog*/ add_action( 'woocommerce_after_shop_loop_item_title', 'ats_add_short_description', 9 ); // 9 приоритет function ats_add_short_description() < global $post; $text = $post->post_excerpt; $maxchar = 120; //макс кол-во символов $text = preg_replace ('~\[[^\]]+\]~', '', $text ); //no шорткоды //удаляем всякую html символику $text = strip_tags( $text); // срезаем if ( mb_strlen( $text ) > $maxchar ) < $text = mb_substr( $text, 0, $maxchar ); $text = preg_replace('@(.*)\s[^\s]*$@s', '\\1 . ', $text ); >echo ''; // обернём в div класс - можно это написать одной строкой, но я для ясности прописал так echo $text; echo ''; > /*description of the product description in the category catalog*/
В коде даны кое-какие пояснения, так что подробно разжевывать не стану.
В комментариях к файлу wooc content-product.php даны подсказки (об этом файле ниже):
@hooked woocommerce_template_loop_rating - 5 //приоритет @hooked woocommerce_template_loop_price - 10 //приоритет
играя цифровым значением приоритетов можно указать последовательность (между чем и чем) выводить описание к товару магазина 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 число товаров опубликованных в категории (цифровое значение) нужно всего-то в файл функций активного шаблона (либо свой плагин) добавить код, показанный ниже:
/*remove the number of products = убраем количество товара в категории*/ add_filter( 'woocommerce_subcategory_count_html', 'ats_woocs_remove_category_products_count' ); function ats_woocs_remove_category_products_count() < return; >/*remove the number of products*/
Подборка полезного кода для работы с магазином на woocommerce описана по ссылке выше.
Если чего-то упустил описать… и если непонятно, задавайте вопросы в комментариях…
Смена эл/почты; логина пользователя; пароля через Базу Данных за минуту
Михаил ATs — владелец блога запросто с Вордпресс — в сети нтернет давным-давно.
. веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети. — заказы, вопросы. разработка.