Encurtando e limitando titulo de produto WooCommerce

Um problema corriqueiro: Você tem produtos com diferentes títulos e alguns mais longos que outros. Empurrando preço, e outras informações para baixo e deixando o visual não padronizado e fazendo com que todos os títulos de produtos WooCommerce tenham o mesmo tamanho. É assim que se faz.

Opção 1 – Todos os títulos de produtos terão apenas uma linha

.product-block .name {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Lembrando que a classe css .product-block .name deve ser mudada para a classe do seu tema.

Opção 2 – Limitar títulos dos produtos por número máximo de palavras

add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
function shorten_woo_product_title( $title, $id ) {
    if ( ! is_singular( array( 'product' ) ) && get_post_type( $id ) === 'product' ) {
        return wp_trim_words( $title, 4, '...' ); // change last number to the number of words you want
    } else {
        return $title;
    }
}

Opção 3 – Limitar títulos dos produtos por número máximo de caracteres

add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
function shorten_woo_product_title( $title, $id ) {
    if ( ! is_singular( array( 'product' ) ) && get_post_type( $id ) === 'product' ) {
		return substr( $title, 0, 30); // change last number to the number of characters you want
    } else {
        return $title;
    }
}

Opção 4 – Limitar títulos dos produtos por número máximo de palavras apenas para celular

// Shorten Product title for mobile device only, it will shorten it to number of words
add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
function shorten_woo_product_title( $title, $id ) {
    if( wp_is_mobile() && ! is_singular( array( 'product' ) ) && get_post_type( $id ) === 'product' ) {
        return wp_trim_words( $title, 4, '...' ); // change last number to the number of words you want
        } else  { return $title;
             
        }
}

Opção 5 – Limitar títulos dos produtos por número máximo de palavras com reticencias no final

add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
function shorten_woo_product_title( $title, $id ) {
    if ( ! is_singular( array( 'product' ) ) && get_post_type( $id ) === 'product' ) {
        return wp_trim_words( $title, 4, '...' ); // change last number to the number of words you want
    } else {
        return $title;
    }
}

Fontes:
https://www.businessbloomer.com/woocommerce-shorten-product-titles/
https://thembay.com/solved-how-to-shorten-woocommerce-product-titles-limit-woocommerce-product-title

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

Deixe um comentário

O seu endereço de e-mail não será publicado.

Testimonials
Subscribe Newsletter

Integer posuere erat a ante venenatis dapibus posuere velit aliquet sites ulla vitae elit libero 

Set your categories menu in Theme Settings -> Header -> Menu -> Mobile menu (categories)
Create your first navigation menu here
Start typing to see posts you are looking for.