Afficher les sous catégories de façon linéaire

[jibo87]

Bonjour,

 

Comment afficher les sous-catégories de façon linéaire (A l'horizontale) au lieu de lès avoir l'une au dessus de l'autre comme c'est sur l'actuel version 1.5.4.1.

 

J'ai le sujet de Julien Breux qui propose ce code :

 

<?php
include(dirname(__FILE__).'/config/config.inc.php');
require_once(dirname(__FILE__).'/init.php');

$separator = '|';

$categTree = Category::getRootCategory()->recurseLiteCategTree(0);

function constructTreeNode($node, $separator)
{
 $return = ' <a href="'.$node['link'].'" title="'.strip_tags($node['desc']).'">'.$node['name'].'</a>'."n";
 if(!empty($node['children']))
foreach ($node['children'] AS $child)
  $return .= constructTreeNode($child, $separator);
 $return .= $separator;
 return $return;
}

$tree = '';
foreach ($categTree['children'] AS $child)
$tree .= constructTreeNode($child, $separator);
echo substr($tree, 0, strlen($tree) - strlen($separator));
?>

 

Cependant, je ne sais pas trop ou le placer. Au passage j'utilise Evo6 de DDLX.

 

Merci d'avance.

Edited August 2, 2013 by jibo87 (see edit history)

[Julien64]

Bonjour,

 

 

Je ne pense pas que vous ayez besoin de ce bout de code ni d'aucune modifications en PHP. Si c'est simplement au niveau de l'affichage que vous souhaitez faire des changements, il faut agir sur les CSS.

 

Si vous pouviez mettre un lien vers votre site, ce serait plus facile pour vous guider.

[jibo87]

Bonjour,

 

Je suis en local et ne peut malheureusement pas vous faire voir le thème. Je vous fait une capture et je reviens vers vous.

Edited August 2, 2013 by jibo87 (see edit history)

[jibo87]

Je pense qu'il serai plus simple pour vous de voir le code category.css du thème sélectionné.

 

h1 {display:none;}
.resumecat {
margin:15px 0 10px 0;
padding:8px 7px;
color:#000;
background:#f0f0f0;
}
.content_scene_cat {
padding:5px;
border:1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px #e2e2e2;
-webkit-box-shadow: 0 1px 1px #e2e2e2;
box-shadow: 0 1px 1px #e2e2e2;
}
.cat_desc {
font-size:12px;
line-height:18px;
}
.cat_desc p {padding:0 10px 5px 10px}
.cat_desc .lnk_more {
  padding:0 10px;
  color:#0088CC;
background:url(../img/arrow_right_1.png) no-repeat 100% 4px transparent;
}

/* ************************************************************************************************
  SUB CATEGORIES
************************************************************************************************ */
#subcategories {margin-top:15px}
#subcategories h3 {
padding:14px 12px;
font-size:13px;
color:#fff;
text-transform:uppercase;
text-shadow:0 1px 0 #666;
background:url(../img/bg_table_th.png) repeat-x 0 0 #999
}
.inline_list {
list-style-type:none;
margin-top:10px;
}
.inline_list  li {
padding:10px 0;
border-bottom:1px dotted #ccc
}
.inline_list  li .img {
float:left;
margin-right:15px
}
.inline_list  li img {
border:1px solid #ccc
}
.inline_list  li .cat_name {
font-weight:bold;
font-size:13px
}