Jump to content

bloc categories different du bloc fabriquant

Recommended Posts


Il faut créer une nouvelle class pour votre ID categories_block_left

<!-- Block categories module -->

{l s='Categories' mod='blockcategories'}

  • {foreach from=$blockCategTree.children item=child name=blockCategTree}
    {if $smarty.foreach.blockCategTree.last}
    {include file=$branche_tpl_path node=$child last='true'}
    {include file=$branche_tpl_path node=$child}

<!-- /Block categories module -->

et ensuite de vous inspirer de la feuille de style existante qui comporte déjà 3 classes différentes :

/* Default block style */
div.block {
   margin-bottom: 1em;
   width: 194px;
#left_column div.block, #right_column div.block {
   padding-bottom: 20px;
   background: transparent url('../img/block_footer.gif') no-repeat bottom left;
div.block h4 {
   text-transform: uppercase;
   font-family: Helvetica, Sans-Serif;
   font-weight: bold;
   font-size: 1.2em;
   border-bottom:1px solid #a87a6f;
   color: #ffef01;
   height: 29px;
   background: transparent url('../img/block_header.gif') no-repeat top left;
div.block h4 a { color: #FFEF01; }
div.block ul { list-style: none; }
div.block ul.tree li { padding-left:1.2em; }
div.block a:hover { text-decoration: underline; }
#left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin:0 0 0 -3px; }
div.block .block_content {
   border-left: 1px solid #a87a6f;
   border-right: 1px solid #a87a6f;
   padding:0.5em 0.7em 0pt;
   background: #da8d33 url('../img/block_bg.jpg') repeat-x top left;
div.block li {
   padding: 0.2em 0 0.2em 0em;
   list-style-position: outside;
div.block a {
   color: #411F04;
   text-decoration: none;

/* block exclusive */
#left_column div.exclusive, #right_column div.exclusive {
   background: transparent url('../img/block_exclusive_footer.jpg') no-repeat bottom left;
div.exclusive h4 {
   background: transparent url('../img/block_header_exclusive.gif') no-repeat top left;
   color: white;
div.exclusive h4 a { color: white; }
div.exclusive li { margin-top: 0; }
div.exclusive, div.exclusive a { color: white; }
div.exclusive .block_content {
   background: #bdc2c9 url('../img/block_exclusive_bg.jpg') repeat-x bottom left;
   border-left: 1px solid #595a5e;
   border-right: 1px solid #595a5e;

/* block myaccount */
#left_column div.myaccount, #right_column div.myaccount { background: #f6dce8 url('../img/block_footer_myaccount.jpg') no-repeat bottom left; }
div.myaccount h4 { background: #971d58 url('../img/block_header_myaccount.jpg') no-repeat top left; }
div.myaccount h4 a, div.myaccount h4 { color: white; }
div.myaccount, div.myaccount a { color: #5d0630; }
div.myaccount ul.bullet { margin-top: 0.6em; }
div.myaccount ul.bullet li { background-image: url('../img/bullet_myaccount.gif'); }
div.myaccount ul.bullet .icon { display: none; }
div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; }
div.myaccount p.logout, div.myaccount p.logout a { color: #dd2a81; }
div.myaccount p.logout a { text-decoration: underline; }
div.myaccount p.logout a:hover { text-decoration: none; }
div.myaccount .block_content {
   background: #f6dce8 url('../img/block_bg_myaccount.jpg') repeat-x bottom left;
   border-left: 1px solid #f6dce8;
   border-right: 1px solid #f6dce8;
.account_input {
   margin-left: 0px;

pour exemple le block recherche est de ce style

<!-- Block search module -->

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