Augmenter l'affichage des descriptions des catégories [RESOLU]

[berticoyote]

Bonjour, 

 

Une 2eme question du "graphiste" que je suis !... 

 

En FO ma vitrine n'affiche que très peu de texte de description de catégorie : quelques lignes et ensuite le texte est tronqué par "..."  et un lien "detailsé pour voir la suite du texte de description

 

J'ai lu pas mal de posts qui disent de changer le "truncate" dans le fichier category.tpl de mon thème ... malgré plusieurs essais j'avoue ne pas avoir trouvé le bon bout !... ou le bon "truncate" plutôt 

 

Si quelqu'un peut me guider de nouveau ?... 

 

Par ailleurs j'aimerai supprime ce fameux "détails" (pour info ce doit être le nom donné par mon thème à la place du classique "lire la suite")

 

Je suis sous presta 1.6.0.9 au cas où 

 

D'avance merci pour votre aide

Edited October 1, 2014 by berticoyote (see edit history)

[herve25]

Bonjour,

 

Le fonctionnement est un peu différent sur la version 1.6
Dans le fichier category.tpl de votre thème il y'a une condition à l'affichage si la longueur de la description est supérieure à 350 caractères

<div class="content_scene_cat">
            	 {if $scenes}
                 	<div class="content_scene">
                        <!-- Scenes -->
                        {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
                        {if $category->description}
                            <div class="cat_desc rte">
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short">{$description_short}</div>
                                <div id="category_description_full" class="unvisible">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div>{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                    </div>
				{else}
                    <!-- Category image -->
                    <div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>
                        {if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                     </div>
                  {/if}
            </div>

Si vous souhaitez supprimer cette contrainte il faut donc supprimer ces conditions.
 

<div class="content_scene_cat">
            	 {if $scenes}
                 	<div class="content_scene">
                        <!-- Scenes -->
                        {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
                        {if $category->description}
                            <div class="cat_desc rte">
                                <div>{$category->description}</div>
                            </div>
                        {/if}
                    </div>
				{else}
                    <!-- Category image -->
                    <div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>
                        {if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                                <div class="rte">{$category->description}</div>
                            </div>
                        {/if}
                     </div>
                  {/if}
            </div>

[berticoyote]

Bonjour, 

 

Merci déja pour votre réponse.

Je viens de faire le test, cela semble marcher puisque l'affichage du texte de description apparait en entier, par contre j'ai une image blanche qui semble vouloir s'insérer en fond et le titre de la catégorie qui apparait en grand par défaut en amont de mon texte de présentation.

 

Par contre il semblerait que le code original de mon thème pour category.tpl ne soit pas tout à fait identique que celui que vous m'avez proposé, peut être que le problème vient de là. Il doit falloir adapter un peu le code j'imagine (bien que je ne sois pas assez calé pour savoir comment faire)

		<div class="content_scene_cat">
            	 {if $scenes}
                 	<div class="content_scene">
                        <!-- Scenes -->
                        {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
                        {if $category->description}
                            <div class="cat_desc rte">
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short">{$description_short}</div>
                                <div id="category_description_full" class="unvisible">{$category->description}</div>
     							<a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div>{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                        </div>
                    {else}
                    <!-- Category image -->
					{if $category->id_image}
						<div class="align_center">
						<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
						</div>
					{/if}	
						
                        {if $category->description}
                            <div class="cat_desc">
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                  {/if}
            </div>

Notamment au niveau de la "category image"

 

Si vous avez une idée pour l'adaptation

 

Merci

[berticoyote]

Je m'auto répond : en fait j'ai simplement masqué les class concernant l'affichage de l'image "content_scene_cat_bg" et le titre "category_name"

 

ça roule !... merci