WooCommerce - Productnaam Lengte Aanpassen

WooCommerce - Productnaam Lengte Snippet

Het kan voorkomen dat we een langere productbenaming willen tonen op bijvoorbeeld de product specifieke pagina dan de benaming die getoond wordt op de product-categorie pagina(‘s).

Standaard is dat ook niet mogelijk in WooCommerce. Een mogelijkheid is om dan met extra velden te gaan werken en deze aan de diverse template bestanden van WooCommerce toe te voegen.

Een eenvoudigere methode is om een snippet toe te voegen aan het functions.php bestand (bij voorkeur van het Child-Theme) of een paar CSS-regels toe te voegen aan het style-bestand.

Het toevoegen en gebruik van Code Snippets hebben we in dit artikel beschreven: WordPress Code Snippets

Productnaam Lengte Aanpassen – Aantal karakters

Om het aantal te tonen karakters in te perken wat getoond wordt, kun je gebruik maken van de volgende snippet:

/* Beperk het aantal karakters van WooCommerce Productnamen (titel) op shop, categorie en tag -pagina's */

function qwain_short_woocommerce_product_titles__by_chars( $title, $id ) {
  if ( ( is_shop() || is_product_tag() || is_product_category() ) && get_post_type( $id ) === 'product' ) {
    if ( strlen( $title ) > 40) { 
      return substr( $title, 0, 40 ) . '...'; 
    } else {
      return $title; 
    }
  } else {
    return $title;
  }
}
add_filter( 'the_title', 'qwain_short_woocommerce_product_titles_by_chars', 10, 2 );

Hiermee wordt de productnaam ingekort tot maximaal 40 karakters en aangevuld met “…” om aan te duiden dat er meer is. Wil je het aantal karakters meer of minder hebben, vervang dan 40 (op regel 5 & 6) door het gewenste aantal en wil je niets tonen achter de productnaam, laat dan eenvoudig de 3 puntjes weg (regel 6, laat de aanhalingstekens intact).

Productnaam Lengte Aanpassen – Aantal Woorden

Om het aantal te tonen woorden in te perken wat getoond wordt (wat soms handiger bij het aanmaken van producten), kun je gebruik maken van de volgende snippet:

/* stel het maximaal aantal te tonen woorden in voor de productnaam op shop, categorie en tag -pagina's */

function qwain_short_woocommerce_product_titles__by_words( $title, $id ) {
  if ( ( is_shop() || is_product_tag() || is_product_category() ) && get_post_type( $id ) === 'product' ) {
    $title_words = explode(" ", $title);
    if ( count($title_words) > 5 ) { 
      return implode(" ", array_slice($title_words, 0, 5)) . '...';
    } else {
      return $title; 
    }
  } else {
    return $title;
  }
}
add_filter( 'the_title', 'qwain_short_woocommerce_product_titles_by_words', 10, 2 );

Hiermee wordt de productnaam ingekort tot maximaal 5 woorden en aangevuld met “…” om aan te duiden dat er meer is. Wil je het aantal woorden meer of minder hebben, vervang dan 5 (op regel 6 & 7) door het gewenste aantal en wil je niets tonen achter de productnaam, laat dan eenvoudig de 3 puntjes weg (op regel 7, laat de aanhalingstekens intact).

Vragen & Info

Heb je vragen naar aanleiding van dit artikel, stuur ons dan een mail op: info@qwain.nl of geef een reactie via onderstaand reactie-formulier.

Op de hoogte blijven van alle WordPress Nieuwtjes, Tips & Tricks… volg ons dan op Facebook .

 

Overige Artikelen


Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *