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