fbpx

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

Gostou? Compartilhe!
Share on facebook
Share on whatsapp
Share on twitter
Share on telegram
Share on email
Perdeu algo? Veja de novo

Procurando hospedagem para começar seu site ou landing page?

Está buscando uma hospedagem para seu site institucional, landing page de conversão ou estudando criação de sites e o orçamento tá apertado?

Use um dos nossos links e hospede com 7 dias grátis de teste ou R$ 20 de crédito. É como ganhar 2 meses de hospedagem grátis…e depois cada mês custa R$ 8.

Quer hospedar sua loja virtual e começar a vender pela internet?

Então comece a pensar em hospedagens robustas e prontas para receber grandes quantidades de acessos e requisições.

Conheça as duas hospedagens que recomendamos no momento! A poderosa Cloudways e a brasileira GoInfinity, ambas com nuvens na DigitalOcean e Vultr, além da Amazon AWS e Google Cloud.