Titres des produits réduits même sans le truncate [résolu]

[Gavimse]

Bonjour,

Je n'arrive pas à rallonger le titre de mes produits malgré la suppression du truncate.

Je veux que les titres des produits puissent s'afficher sur 2 lignes.

Il y a un effet au survol, peut-être que c'est ça qui m'en empêche.

Voici la ligne de mes titres :

                {block name='product_name'}
                  {if $page.page_name == 'index'}
                    <span class="h3 product-title text-capitalize test1"><a href="{$product.canonical_url}">{$product.name}</a></span>
                  {else}
                    <span class="h3 product-title text-capitalize test2"><a href="{$product.canonical_url}">{$product.name}</a></span>
                  {/if}
                {/block}

Dans theme/templates/catalog/_partials/miniature/product.tpl

 

Merci à tous

 

Edited August 2, 2024 by Gavimse (see edit history)

[Prestashop Addict]

Vous avez du css text-overflow: ellipsis; dans la classe du titre, qu'il faut supprimer et il faut mettre

display: inline-block;
word-break: break-word;

 

[Gavimse]

Bonjour c'est chose faite mais le problème d'affichage persiste...

[Alexandre Carette]

Salut, ta span est en overflow hidden, enleve donc dela

.products .product-title {
    margin: 8px 0;
    float: left;
    width: 100%;
    overflow: hidden;
    color: var(--body-text-color);
    font-size: 12px;
    display: inline-block;
    word-break: break-word;
}

 

[Prestashop Addict]

vous avez un white-space: nowrap; qui traine

[Gavimse]

ça  fonctionne merci à tous