Jump to content

[Aide Html] Aligner A Gauche Contenu Du Block Catégorie


Recommended Posts

Bonjour,

 

Je cherchais à faire en sorte que mes catégories pointent vers des fiches produits ( car chaque catégorie n'avait qu'un seul et unique produit ) mais impossible de trouver comment faire. Du coups, j'ai contourné le problème en ajoutant des liens dans le blockcategories.tpl et en laissant une seule catégorie active qui regroupera tout mes produits. Grâce a cela, j'ai donc dans mon bloc, ma catégorie puis les liens que j'ai intégrer. ( voir image en pièce jointe )

 

Le problème c'est que je suis assez limité en HTML. J'aimerai donc l'avis des pro pour savoir si ce que j'ai fait est correct au niveau du code et aussi pour m'aider à réaliser 2 petites choses surement très simple pour vous mais que je ne sais pas faire de mon côté.

 

- Pourriez vous m'indiquer comment faire pour que "Nos portefeuilles" ( qui est une catégorie ) soit aligner sur la gauche au lieu d'être au centre ?

- Et comment faire pour que lorsqu'on est dans, par exemple la page "l'original", le lien dans le bloc soit d'une autre couleur ou en caractère gras ? Si on passe a la page "Avec porte-cartes" ca ne sera plus le lien "l'original" mais "Avec porte-cartes" qui changera d'apparence et ainsi de suite ...

 

Voici mon blockcategories.tpl :

 

<!-- Block categories module -->
<div id="categories_block_left" class="block">
   <h4 class="title_block">{l s='Categories' mod='blockcategories'}</h4>
   <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}
               <br />
               <li></li>
               <li><a href="http://www.portefeuillemagique.com/fr/nos-portefeuilles/1-l-original.html">L'original</b></a></li>
               <li><a href="http://www.portefeuillemagique.com/fr/nos-portefeuilles/1-l-original.html">Avec Porte-cartes</a></li>
               <li><a href="http://www.portefeuillemagique.com/fr/nos-portefeuilles/1-l-original.html">Avec Porte-monnaie</a></li>
               <li><a href="http://www.portefeuillemagique.com/fr/nos-portefeuilles/1-l-original.html">Format carte bancaire</a></li>
               <li><a href="http://www.portefeuillemagique.com/fr/nos-portefeuilles/1-l-original.html">Complet ( version luxe )</a></li>
               <li></li>
               <br />
       </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 -->

 

Merci ;)

post-391821-0-15732800-1362156276_thumb.jpg

Edited by cedric59 (see edit history)
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...