Question

我正试图在我的商店循环中获得更多一致的网格布局。

产品标题跨越1或2行，具体取决于字符串长度，因此如果字符串长度低于强制它与下一行重叠的数量，我想添加一个中断'
'，以便它不会影响商店循环页面的整体间距/

这是我目前尝试过的代码：

<?php
    echo "test";
    $title = get_the_title();
    if ( strlen($title) < 29 )
    {
        echo '<br>';
    }
?>

我已将它放在content-product.php的woocommerce模板中，但它无效。

我的代码是否正确？

非常感谢任何帮助。

由于

Answer 1

这个答案基于＆＃34;标题长度＆＃34;一个＆＃34;单词长度＆＃34;，以避免破坏一个单词。

此功能部分基于this answer和woocommerce_template_loop_product_title() WooCommerce原生功能，用于content-product.php WooCommerce模板，用于在商店页面中显示标题。

此处我已包含限制字符串长度，但它也基于复杂的＆＃34;字长＆＃34; 检测，以避免打破话语：

if (  ! function_exists( 'woocommerce_template_loop_product_title' ) ) {

    // Show the product title in the product loop. By default this is an <h3> html tag.

    function woocommerce_template_loop_product_title() {

        // Define the lenght limit for title (by line)
        $limit = 29;

        $title = get_the_title();
        $lenght = strlen($title);

        // 1. The title length is higher than limit

        if ( $lenght >= $limit ) {

            $title_arr1 = array();
            $title_arr2 = array();
            $sum_length_words = -1;

            // an array of the words of the title
            $title_word_arr = explode( ' ', $title );

            // iterate each word in the title
            foreach( $title_word_arr as $word ){
                // Length of current word (+1 space)
                $length_word = strlen($word) + 1;
                // Adding the current word lenght to total words lenght
                $sum_length_words += $length_word;
                // Separating title in 2 arrays of words depending on lenght limit
                if ( $sum_length_words <= $limit )
                    $title_arr1[] .= $word;
                else
                    $title_arr2[] .= $word;
            }
            // Converting each array in a string
            $splitted_title = implode(" ", $title_arr1). ' ('. strlen(implode(" ", $title_arr1)) .')';
            $splitted_title .= '<br>'; // adding <br> between the 2 string
            $splitted_title .= implode(" ", $title_arr2). ' ('. strlen(implode(" ", $title_arr2)) .')';
            echo '<h3>' . $splitted_title . '</h3>';

        // 2. The title length is NOT higher than limit

        } else {
            echo '<h3>' . $title . '</h3>';
        }

    }

}

此代码位于活动子主题（或主题）的function.php文件中或任何插件文件中。

此代码经过测试且有效。

Answer 2

我认为这不是一种正确的方法，可以在产品标题之间放置一个标签。我认为您只需要修改产品标题中使用的字符数量，以便在产品页面中显示，例如if 产品名称类似于＆＃34;医学术语测试库：生活语言，5 / E＆＃34; 在这种情况下，您可以将标题限制为＆＃34;医学术语测试库...＆＃34;取决于你的布局

这样，您的布局将保持相同且良好

Answer 3

我建议使用以下内容

＆＃13;

h1{ height: 40px; width: 250px; white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;}

＆＃13;

<h1>Sample test test test test</h1>

＆＃13;

通过这种方式，您可以轻松地在一行中显示标题。如果这不起作用并且您想要显示完整标题，那么您可以使用一些工具提示插件在悬停时显示完整标题

在商店页面上为产品标题添加中断一定长度

3 个答案: