Jump to content
James917

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

Recommended Posts

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

post-712330-0-10575100-1380586500_thumb.png

Edited by James917 (see edit history)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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;
}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

×
×
  • Create New...

Important Information

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