在WooCommerce存档页面的产品标题下添加简短的描述 [英] Add shortened description under the product title in WooCommerce archive pages

问题描述

在Woocommerce存档页面中，我需要在每个产品标题下显示产品说明中的几行内容，如下图所示.

In Woocommerce archives pages, I should need to display couple of lines from the product description under each product title like it's shown in this image.

我该怎么做?

推荐答案

已更新:此自定义功能将缩短产品说明(到定义的单词数量)并将其显示在存档页面中的每个产品都作为商店:

Updated: This custom function will shorten the product description (to a defined amount of words) and will display it under the title of each product in archive pages as shop:

add_action('woocommerce_after_shop_loop_item_title', 'description_in_shop_loop_item', 3 );
function description_in_shop_loop_item() {
    global $product;

    // HERE define the number of words
    $limit = 10;

    $description = $product->get_description(); // Product description
    // or
    // $description = $product->get_short_description(); // Product short description

    // Limit the words length
    if (str_word_count($description, 0) > $limit) {
        $words = str_word_count($description, 2);
        $pos = array_keys($words);
        $excerpt = substr($description, 0, $pos[$limit]) . '...';
    } else {
        $excerpt = $description;
    }

    echo '<p class="description">'.$excerpt.'</p>';
}

代码进入您的活动子主题(或活动主题)的function.php文件中.

Code goes in function.php file of your active child theme (or active theme).

或者您可以根据字符长度限制来设置相同的内容:

Or you can have the same thing based on characters length limit:

add_action('woocommerce_after_shop_loop_item_title', 'description_in_shop_loop_item', 3 );
function description_in_shop_loop_item() {
    global $product;

    // HERE define the number of characters
    $limit = 75;

    $description = $product->get_description(); // Product description
    // or
    // $description = $product->get_short_description();  // Product short description

    // Limit the characters length
    if (strlen($description) > $limit) {
        $excerpt = substr($description, 0, $limit) . '...';
    } else {
        $excerpt = $description;
    }

    echo '<p class="description">'.$excerpt.'</p>';
}

代码进入您的活动子主题(或活动主题)的function.php文件中.

Code goes in function.php file of your active child theme (or active theme).

这两个功能都经过测试并且可以正常工作.

Both functions are tested and works.

这篇关于在WooCommerce存档页面的产品标题下添加简短的描述的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！