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

Share this post


Link to post
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 { ... }

Share this post


Link to post
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)

Share this post


Link to post
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)

Share this post


Link to post
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 :)

 

Share this post


Link to post
Share on other sites

Bonjour, le version de presstashop utilisée est la 1.5.4, pour le thème, je ne sais pas, je pense que c'est un thème de base personnalisé par la suite et que je dois à nouveau personnalisé ......

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
 Share

×
×
  • Create New...

Important Information

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