Jump to content
Sign in to follow this  
berticoyote

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

Recommended Posts

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 by berticoyote (see edit history)

Share this post


Link to post
Share on other sites

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>
  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More