[Résolu] Longueur des titres et dimensions des blocs d'images

[FS47]

Bonjour à tous

 

Je suis en train d'importer les produits dans Prestashop (1.7.8.7), j'ai modifié la taille des images des produits pour prendre le maximum de largeur, il y a 4 images au total, le souci que j'ai ce trouve dans le longueur des titres des produits, ils sont coupés, je vous montre:

 

Le site n'est pas en ligne officiellement, il s'agit d'une url temporaire, la voici : https://fers-services47.net/248-a-encoches

Comment puis-je faire pour que les titres soit affichés totalement ? Avec un peu de CSS ?

J'avais pensé peut être a mettre la largeur sur 3 blocs de produits afin que la largeur des blocs image soit plus grande et donc le titre plus long, mais cela m'oblige a faire beaucoup de modification.

Ou alors, existe t-il un moyen de modifier la présentation quelque part ?

Merci de votre aide !

Edited March 1, 2023 by FS47 (see edit history)

[Mediacom87]

Bonjour,

https://www.mediacom87.fr/afficher-le-titre-complet-des-produits/

[FS47]

Merci, je vais regarder ca de près

[FS47]

Bonjour, je viens de faire la modification mais cela n'affiche pas le titre en entier, il y a 3 petits points qui coupe le titre.

Voici un screen: 

 

Ma version de Prestashop est 1.7.8.7

Un lien pour exemple: https://fers-services47.net/86-50-100eme

 

Voici le code modifié que j'ai en ligne 86

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

Et celui d'origine:

				{block name='product_name'}
				  {if $page.page_name == 'index'}
					<span class="h3 product-title"><a href="{$product.canonical_url}">{$product.name|truncate:50:'...'}</a></span>
				  {else}
					<span class="h3 product-title"><a href="{$product.canonical_url}">{$product.name|truncate:50:'...'}</a></span>
				  {/if}
				{/block}

Qu'en pensez-vous ?

[Mediacom87]

Bonjour,

avez-vous vidé le cache après avoir fait la modification ?

[FS47]

il y a 46 minutes, Mediacom87 a dit :

Bonjour,

avez-vous vidé le cache après avoir fait la modification ?

Je viens de vider le cache Paramètres avancés -> Performances -> Vider le cache, et aucun changement visuel.

[Mediacom87]

Le changement est aussi effectif dans le CSS de votre thème.

Mettez ce code dans le fichier custom.css de votre thème

#products .product-title, .products .product-title, .featured-products .product-title, .product-accessories .product-title, .ttfeatured-products .product-title, .crossselling-product .product-title, .ttbestseller-products .product-title, .ttnew-products .product-title, .ttspecial-products .product-title, .category-products .product-title, .view-product .product-title {
	white-space: normal;
}

[FS47]

En effet, c'est beaucoup mieux !

Merci beaucoup 👍