Jump to content

Modifier le background du titre de la Catégorie [blockcategories]


Recommended Posts

Bonjour,

 

Je suis confronté à un problème par rapport au css du module blockcatégories. J'aimerais bien changer le background, prendre le titre de la catégorie à par et pouvoir y ajouter ce que je veux au css.

 

Voici ce que je dois avoir :

 

 

1465470853-sans-titre.png

 

Et voici ce que j'ai maintenant :

 

1465470956-sans-titre2.png

 

Et j'aimerais aussi pouvoir ajouter des trait chaque fin de catégorie comme la première photo ( c'est un autre problème ...) .

 

Cordialement

Link to comment
Share on other sites

Bonjour,

 

Il faut utiliser un sélecteur CSS qui ne sélectionne précisément que ce titre.

Pour cela il faut récupérer l'identifiant du bloc et donc faire un sélecteur CSS qui ressemble à cela :

#identifiant_du_bloc .titre { ... }
Link to comment
Share on other sites

Bonjour,

 

Merci de votre réponse. Qu'entendez-vous par " L'identifiant du bloc " ?

 

Edit: Je vois ce que vous vouliez dire. Le problème, c'est que le module fait une boucle pour prendre le titre de la catégorie + tous ce qu'elle contient ...

C'est vraiment un module codé trop vite pour moi ...

 

 

Cordialement

Edited by MAPVince (see edit history)
Link to comment
Share on other sites

Voici le lien, c'est une version de développement : 

http://www-dev.machineapub.com/3-categories

 

Voici de quoi se compose le fichier blockcategories.tpl

<!-- Block categories module -->
<div id="categories_block_left" class="block">
<!--  	<p class="title_block">{l s='Categories' mod='blockcategories'}</p> -->
	<div class="block_content">
		<ul class="tree {if $isDhtml}dhtml{/if}">
		{foreach from=$blockCategTree.children item=child name=blockCategTree}
			{if $smarty.foreach.blockCategTree.last}
				{include file="$branche_tpl_path" node=$child last='true'}
			{else}
				{include file="$branche_tpl_path" node=$child}
				
			{/if}
		{/foreach}
		</ul>
		{* Javascript moved here to fix bug #PSCFI-151 *}
		<script type="text/javascript">
		// <![CDATA[
			// we hide the tree only if JavaScript is activated
			$('div#categories_block_left ul.dhtml').hide();
		// ]]>
		</script>
	</div>
</div>
<!-- /Block categories module -->

Et voici pour le fichier category-tree-branch.tpl

<li {if isset($last) && $last == 'true'}class="last"{/if}>
<a href="{$node.link|escape:'htmlall':'UTF-8'}" title="Logos {$node.name|escape:'htmlall':'UTF-8'}">{$node.name|escape:'htmlall':'UTF-8'}</a>
	{if $node.children|@count > 0}
		<ul>
		{foreach from=$node.children item=child name=categoryTreeBranch}
			{if $smarty.foreach.categoryTreeBranch.last}
				{include file="$branche_tpl_path" node=$child last='true'}
			{else}
				{include file="$branche_tpl_path" node=$child last='false'}
			{/if}
		{/foreach}
		</ul>
	{/if}
</li>
Edited by MAPVince (see edit history)
Link to comment
Share on other sites

Bon, je viens de réussir mais d'une manière déplaisante et " crade " ...

<a href="{$node.link|escape:'htmlall':'UTF-8'}" title="Logos {$node.name|escape:'htmlall':'UTF-8'}">
{if ($node.name == "Catégories")} 
	<div class="name_hardtofind">{FrontController::getCategoryName(3)}</div>
{else}
{$node.name|escape:'htmlall':'UTF-8'}
{/if}</a>

Si vous avez une autre solution plus " propre " je suis preneur :)

 

Link to comment
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...