Design des Kategoriebaums ändern

Hallo liebe Community,

schon seit einem halben Jahr in dem ich meine Ausbildung absolviere, erfreue ich mich über die Qualität der Tipps und Tricks aus dem Forum. Zurzeit knabber ich an einem Problem an dem ich nicht weiter komme.

Und zwar ist in unserem Shop der Kategoriebaum optisch nicht sehr ansprechend, doch im ändern des designs tu ich mich richtig richtig schwer.

Ich hoffe das mir jemand aus der Gemeinde einen Tip geben kann.

aktueller Stand:

Und so soll er ungefähr aussehen:

das müsste der verantwortliche quellcode sein leider fehlt mir noch der durchblick:

<div class=“categoryBox”>
<ul class=“tree” id=“tree”>
[{assign var=“categories” value=$oxcmp_categories}]
[{defun name=“tree” categories=$categories}]
[{assign var=“deepLevel” value=$deepLevel+2}]
[{assign var=“oContentCat” value=$oView->getContentCategory() }]
[{foreach from=$categories item=_cat}]
[{if $_cat->getIsVisible() }]
[{* CMS category }]
[{if $_cat->getContentCats() && $deepLevel > 1 }]
[{foreach from=$_cat->getContentCats() item=_oCont}]
<li class="[{if $oContentCat && $oContentCat->getId()==$_oCont->getId() }] active [{else}] end [{/if}]" >
<a href="[{$_oCont->getLink()}]"><i></i>[{ $_oCont->oxcontents__oxtitle->value }]</a>
</li>
[{/foreach}]
[{/if }]
[{
subcategories *}]
<li class="[{if !$oContentCat && $act && $act->getId()==$_cat->getId() }]active[{elseif $_cat->expanded}]exp[{/if}][{if !$_cat->hasVisibleSubCats}] end[{/if}]">
<a href="[{$_cat->getLink()}]"><i></i>[{$_cat->oxcategories__oxtitle->value}] [{ if $oView->showCategoryArticlesCount() && ($_cat->getNrOfArticles() > 0) }] ([{$_cat->getNrOfArticles()}])[{/if}]</a>
[{if $_cat->getSubCats() && $_cat->expanded}]
<ul>[{fun name=“tree” categories=$cat->getSubCats() }]</ul>
[{/if}]
</li>
[{/if}]
[{/foreach}]
[{/defun}]
</ul>
[{if $oView->showTags() && $oView->getTagCloudManager() }]
<div class=“categoryTagsBox”>
[{assign var=“oTagsManager” value=$oView->getTagCloudManager() }]
<h6>[{ oxmultilang ident=“WIDGET_TAGS_HEADER” }]</h6>
<div class=“categoryTags”>
[{foreach from=$oTagsManager->getCloudArray() item=iCount key=sTagTitle }]
<a class="tagitem
[{ $oTagsManager->getTagSize($sTagTitle) }]" href="[{ $oTagsManager->getTagLink($sTagTitle) }]">[{ $oTagsManager->getTagTitle($sTagTitle) }]</a>
[{/foreach}]
[{if $oView->isMoreTagsVisible()}]
<br>
<a href="[{ oxgetseourl ident=$oViewConf->getSelfLink()|cat:“cl=tags” }]" class=“readMore”>[{ oxmultilang ident=“WIDGET_TAGS_LINKMORE” }]</a>
[{/if}]
</div>
</div>
[{/if}]
</div>

Vielen dank schon mal im voraus

Lg Rodi

also der Unterschied zwischen Deinen beiden Bildern ist eigentlich nur noch CSS-Design, den Code musst Du nicht mehr anfassen

Hallo,
du musst 2 Dateien ändern:

in der out/basic/tpl/inc/category_tree.tpl über der Zeile
[{if $tree || $oView->getContentCategory() }]
die Zeile
<strong class=“h2” id=“test_LeftSideInfoHeader”>[{ oxmultilang ident=“INC_LEFTITEM_KATEGORIE” }]</strong>
einfügen

in der out/basic/de/cust_lang.php unter der Zeile
$aLang = array(
die Zeile
’INC_LEFTITEM_KATEGORIE’ => ‘Kategorien’,
einfügen

Wie bei allem Dateien erst sichern dann basteln.

Danke für eure schnelle Hilfe hat mich gut weitergebracht!

Gruß
Rodi