[Solved][PS 8] 2nd line in product title

[Ritter]

Is there a way to wrap the product title in 2 or more lines?

Edited March 23, 2023 by Ritter (see edit history)

[TiaNex Shopping]

it's easy,the title may be truncated into short, remove the code to output full title,

then change the css of  it, make height auto or something like display flex

 

[Ritter]

Any change in the theme.css destroys the entire layout: text size and color, columns and spacing 😞

[JBW]

Never change theme.css - use custom.css file instead.

[Ritter]

There is no custom.css. Does custom.css have to be generated via child theme?

[JBW]

No not neccessary in a child theme (but child theme is recommended anyhow in case you want to modifiy any template files). If the file does not exist simly create it in /themes/theme_name/assets/css/

[Knowband Plugins]

Kidnly remove the "|truncate:30:'...'" from the below file : 

\themes\{Your-theme}\templates\catalog\_partials\miniatures\product.tpl

Replace

 {if $page.page_name == 'index'}
            <h3 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3>
          {else}
            <h2 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>
          {/if}

with

 {if $page.page_name == 'index'}
            <h3 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name}</a></h3>
          {else}
            <h2 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name}</a></h2>
          {/if}

Screenshot : https://nimb.ws/ITaAmu

It is the easiest way to achieve the same.

Edited March 23, 2023 by Knowband Plugins (see edit history)

[Ritter]

Thanks, this is the solution .. .great!

[Knowband Plugins]

Hi Ritter, we are pleased to know that your concern is resolved.