Edit History

Pour précision par rapport à ma question plus haut.
Afin de faire un retour à la ligne dans le nom d'un produit, j'ai ça qui fonctionne : {$product.name|replace:'/n':'<br>' nofilter}
Il suffit d'écrire le titre de votre produit et d'y ajouter "/n" à l'endroit où on veut faire le saut de ligne.


==> themes/classic/templates/catalog/product.tpl

Il suffit de remplacer cette ligne là :
<h1 class="h1">{block name='page_title'}{$product.name}{/block}</h1>

par

<h1 class="h1">{block name='page_title'}{$product.name|replace:'/n':'<br>' nofilter}{/block}</h1>

Et il faut faire pareil pour tout les {$product.name} du thème.



Bref, la question est plus de savoir, quelle méthode / astuce permettrai d'ajouter à ça des informations CSS ?
 

Pour précision par rapport à ma question plus haut.
Afin de faire un retour à la ligne dans le nom d'un produit, j'ai ça qui fonctionne : {$product.name|replace:'/n':'<br>' nofilter}
Il suffit d'écrire le titre de votre produit et d'y ajouter "/n" à l'endroit où on veut faire le saut de ligne.


==> themes/classic/templates/catalog/product.tpl

Il suffit de remplacer cette ligne là :
<h1 class="h1">{block name='page_title'}{$product.name}{/block}</h1>

par

<h1 class="h1">{block name='page_title'}{$product.name|replace:'/n':'<br>' nofilter}{/block}</h1>

De là, il suffit d'écrire le titre de votre produit et d'y ajouter "/n" à l'endroit où on veut faire le saut de ligne.



==> themes/classic/templates/catalog/_partials/miniatures/product.tpl

Il suffit de remplacer ces lignes là :
<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>

par

<h3 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|replace:'/n':'<br>' nofilter}</a></h3>
{else}
<h2 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|replace:'/n':'<br>' nofilter}</a></h2>




La question est plus de savoir, quelle méthode / astuce permettrai d'ajouter à ça des informations CSS ?

 

Pour précision par rapport à ma question plus haut.
Afin de faire un retour à la ligne dans le nom d'un produit, j'ai ça qui fonctionne : {$product.name|replace:'/n':'<br>' nofilter}
Il suffit d'écrire le titre de votre produit et d'y ajouter "/n" à l'endroit où on veut faire le saut de ligne.


==> themes/classic/templates/catalog/product.tpl

Il suffit de remplacer cette ligne là :
<h1 class="h1">{block name='page_title'}{$product.name}{/block}</h1>

par

<h1 class="h1">{block name='page_title'}{$product.name|replace:'/n':'<br>' nofilter}{/block}</h1>

De là, il suffit d'écrire le titre de votre produit et d'y ajouter "/n" à l'endroit où on veut faire le saut de ligne.



==> themes/classic/templates/catalog/_partials/miniatures/product.tpl

Il suffit de remplacer ces lignes là :
<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>

par

<h3 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|replace:'/n':'<br>' nofilter}</a></h3>
{else}
<h2 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|replace:'/n':'<br>' nofilter}</a></h2>





La question est plus de savoir, quelle méthode / astuce permettrai d'ajouter à ça des informations CSS ?