(Résolu) Besoin d'aide petite modif template

[James917]

Bonjour,

 

Je cherche a intégrer ma description de la catégorie dans le cadre plus haut (cf image)

 

Si j'ai bien compris tout se passe dans le fichier category.tpl :

	{if $category->description}
			{if strlen($category->description) > 120}
			<p class="cat_desc bordercolor bgcolor" id="category_description_short">{$category->description|truncate:120} <a href="#" onclick="$('#category_description_short').hide(); $('#category_description_full').show(); $(this).hide(); return false;" class="lnk_more">{l s='More'}</a></p>
			<p class="cat_desc bordercolor bgcolor" id="category_description_full" style="display:none">{$category->description}</p>
			{else}
			<p class="cat_desc bordercolor bgcolor">{$category->description}</p>
            
			{/if}
		{/if}
		{if isset($subcategories)}

En vous remerciant.

 

Cordialement

Edited October 1, 2013 by James917 (see edit history)

[Szed]

Il faudrait être plus précis.

Vous avez bien repéré ou se situe l'affichage de la description de la catégorie. Mais on n'a pas le reste du .tpl (ou un lien vers la boutique), donc on ne peut pas voir ce qui cloche, ni si quelque chose cloche.

Edited October 1, 2013 by Szed (see edit history)

[James917]

Bonjour,

 

Désolé voici plus de détails :

 

http://www.little-python-bag.com/fr/6-sacs

 

code :

{include file="$tpl_dir./breadcrumb.tpl"}
{include file="$tpl_dir./errors.tpl"}
{if isset($category)}
	{if $category->id AND $category->active}
		<h1>
			{strip}
				{$category->name|escape:'htmlall':'UTF-8'}
				{if isset($categoryNameComplement)}
					{$categoryNameComplement|escape:'htmlall':'UTF-8'}
				{/if}
				<span class="category-product-count">
					{include file="$tpl_dir./category-count.tpl"}
				</span>
			{/strip}
		</h1>
		{if $scenes}
			<!-- Scenes -->
			{include file="$tpl_dir./scenes.tpl" scenes=$scenes}
{*
		{else}
			<!-- Category image -->
			{if $category->id_image}
			<div class="align_center">
				<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')}" 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}
		{if $category->description}
			{if strlen($category->description) > 120}
			<p class="cat_desc bordercolor bgcolor" id="category_description_short">{$category->description|truncate:120} <a href="#" onclick="$('#category_description_short').hide(); $('#category_description_full').show(); $(this).hide(); return false;" class="lnk_more">{l s='More'}</a></p>
			
			{else}
			<p class="cat_desc bordercolor bgcolor">{$category->description}</p>
            
			{/if}
		{/if}
		{if isset($subcategories)}
		<!-- Subcategories -->
		<div id="subcategories" class="clearfix">
			<h2>{l s='Subcategories'}</h2>
			<ul>
			{foreach from=$subcategories item=subcategory}
				<li>
					<a class="bgcolor bordercolor" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">
						{if $subcategory.id_image}
							<img class="bordercolor" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt="" />
						{else}
							<img src="{$img_cat_dir}default-medium_default.jpg" alt="" />
						{/if}
					<span>{$subcategory.name|escape:'htmlall':'UTF-8'|truncate:20:'...'}</span>
					<strong></strong>
					</a>
				</li>
			{/foreach}
			</ul>
		</div>
		{/if}
		{if $products}
			{include file="$tpl_dir./product-sort.tpl"}
			{include file="$tpl_dir./product-list.tpl" products=$products}
			{include file="$tpl_dir./product-compare.tpl"}
			{include file="$tpl_dir./pagination.tpl"}
		{elseif !isset($subcategories)}
		<p class="warning">{l s='There are no products in this category.'}</p>
		{/if}
	{elseif $category->id}
		<p class="warning">{l s='This category is currently unavailable.'}</p>
	{/if}
{/if}

Merci

[Szed]

Remplacez 

{if $category->description}
			{if strlen($category->description) > 120}
			<p class="cat_desc bordercolor bgcolor" id="category_description_short">{$category->description|truncate:120} <a href="#" onclick="$('#category_description_short').hide(); $('#category_description_full').show(); $(this).hide(); return false;" class="lnk_more">{l s='More'}</a></p>
			
			{else}
			<p class="cat_desc bordercolor bgcolor">{$category->description}</p>
            
			{/if}
		{/if}

par

{if $category->description}
			{if strlen($category->description) > 120}
			<div class="cat_desc bordercolor bgcolor" id="category_description_short">{$category->description|truncate:120} <a href="#" onclick="$('#category_description_short').hide(); $('#category_description_full').show(); $(this).hide(); return false;" class="lnk_more">{l s='More'}</a></div>
			
			{else}
			<div  class="cat_desc bordercolor bgcolor">{$category->description}</div>
            
			{/if}
		{/if}

Vous essayez (sans le vouloir) d'insérez une balise <p> (la description généré par le back office), dans votre balise <p class="cat_desc bordercolor bgcolor">

Sauf que cela n'est pas possible en HTML donc vous obtenez un résultat comme cela :

<p>Votre desc</p>
<p class="cat_desc bordercolor bgcolor"></p> //vide...

Par contre, aucun problème pour insérer un <p> dans une <div>

 

Seb.

Edited October 1, 2013 by Szed (see edit history)

[James917]

Merci Seb c'est ok, juste une chose : la taille de cat_desc bordercolor bgcolor

 

Dans description j'ai un éditeur WYSIWYG et il affiche ceci en code :

 

<p>Description</p>

 

Merci

[Szed]

Il faut que tu apprenne l'utilisation de Firebug sous Mozilla, et/ou les outils de dev sous Chrome (F12).

Avec cela, tu pourra inspecter ton HTML facilement et repéré les points qui te gêne.

Par exemple, si tu inspecte ta description la, tu verra que ton <p> à un padding-top:20px qui cause cette haute taille.

Du coup, soit tu vire le <p> dans ton éditeur WYSIWIG (mais j'ai peur qu'il l’insère de force), soit en CSS :

.center_column .cat_desc p{
   padding-top:0;
}

[James917]

Merci pour cet outil, je vais apprendre à le maitriser!

 

Cependant dans mes feuilles css du theme je n'ai trouvé aucune ligne avec :

 

.center_column .cat_desc p{
padding-top:0;

 

Cordialement

[Szed]

Elle n'existe pas non, mais vous pouvez tout a fait la rajouter

[James917]

C'est parfait tout marche, je vous remerci !