Question

我在woocommerce的每个产品类别中使用产品类别说明，但我不知道如何显示完整的说明。几句话之后它就会停止并显示＆＃34; ...＆＃34; https://i.stack.imgur.com/BaOx5.jpg

Answer 1

我有两种一般的方式，我知道文本最后会显示...。通过代码或通过CSS text-overflow: ellipsis;如果它使用CSS方法，那么你必须检查元素（尝试右键单击元素并选择Inspect，或类似的东西），看看哪个html tag具有样式集，然后将其删除或在样式表中覆盖它。

（顺便说一句：如果您在检查元素时发现完整描述，那么很可能涉及到文本溢出CSS。）

在此处阅读更多内容：https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

如果它不是CSS而是由代码完成，那么有必要获取有关此代码的更多详细信息，以了解如何更改它。它可以通过JavaScript或PHP完成，并且可能依赖于正在使用的WordPress主题。

快速解决方案是观察页面的源代码。查看页面上的其他任何位置是否正在使用全文，然后使用JavaScript根据它重写“描述”区域中的文本。阅读更多http://api.jquery.com/html/

否则，您必须查明是否有任何可以拦截描述区域以更改文本的API挂钩。（可能是https://codex.wordpress.org/Function_Reference/category_description或http://hookr.io/actions/woocommerce_archive_description/）

同样，它可能取决于主题。如果您没有通过，请将主题名称添加到您的问题中，以尝试获得更多帮助。

以下是如何使用woocommerce_archive_description

的示例

add_action( 'woocommerce_archive_description', 'woo_category_description' );
function woo_category_description() {
    if ( is_product_category() ) {
        global $wp_query;
        $cat_id = $wp_query->get_queried_object_id();
        $cat_desc = term_description( $cat_id, 'product_cat' );
        $description = '<div class="description">'.$cat_desc.'</div>';
        echo $description;
    }
}

如何在类别标题上显示产品类别的完整描述而不是仅显示几个字符？

1 个答案: