Kategorien optisch unterteilen / hervorheben

- "Mehrere Kategorien gehören zusammen, sollten also in etwa untereinander liegen."

Die Kategorien lassen sich genauso wie die Artikel sortieren.

- "Gibt es eine Möglichkeit, Namen in der Kategorie hervorzuheben ? Oder gar Überschriften zu erstellen ?"

Sind jetzt Produktnamen innerhalb einer Kategorie gemeint? Überschriften für Kategorien kann man bereits angeben.

- "Ich habe versuchsweise <b> -Formatierungen um die Texte gesetzt."

Welche Texte denn jetzt? Kategoriennamen, Produktnamen, Kategorienbeschreibungen, Produktbeschreibungen....?

- "Jedoch werden dann die Unterkategorien nicht mehr gefunden."

Hast du deine Katgeorien umbenannt? Also so: <b>Kategorie</b> ?

Wie wäre es denn mit unserer Art Kategorien darzustellen?
Dieses Menü wird komplett über CSS gesteuert.

https://support.commerce-seo.de/www.diezaunexperten.de

Mit den Ladezeiten haben wir eigendlich keine Probleme, werde ich aber nochmals prüfen.
Alle Kategorien aufgeklappt sollte auch möglich sein.
Schaue ich mir auch an, falls gewünscht.

ich versteh das Problem immer noch nicht ganz!

Geht es jetzt darum die Kategorien in einer Box kategorisiert darzustellen (quasi eine echte Produktnavigation) wie bspw:

1.Kategorie
1.1 erste Unterkategorie
1.2 zweite Unterkategorie
1.3 dritte Unterkategorie
2. Kategorie

usw.

oder geht es darum auf der Startseite im Contentbereich die Kategorien mit Unterkategorien darzustellen. Hilfreich wäre auch ein angedeuteter Strukturbeim deines gewünschten Layouts, oder ein Link!

Greetz

das sollte eigentlich garnicht mal so schwer sein.

Anpassungen an der HTML müssten nicht vorgenommen werden. Wenn doch sind diese (falls nicht bekannt) hier vorzunehmen: /templates/DEIN_TEMPLATE/boxes/box_categories.html

Um Aber deine gewünschte Auflistung der Kategorien hinzubekommen, wirst du wahrscheinlich mehr an der PHP Datei was ändern müssen die unter /templates/DEIN_TEMPLATE/sources/boxes/categories.php zu finden ist. Dort wird die Art der Auflistung nach den einzelnen Kategorien zusammen mit dem CSS Code generiert. Ich bin noch nicht dazu gekommen, den Code entsprechend deiner Vorstellung anzupassen. Wenn ich heute noch die Zeit dazu finde, werde ich das machen und hier dann bereit stellen! Zumindest weiss ich jetzt genau was du haben möchtest!

Grüße

sry, mom etwas viel stress und viel zu tun! Hoffe es eilt nicht so ganz bei dir! Werde mich in jedem Fall drum kümmern!

Greetz

das mit der Kiste Bier würde ich glatt in anspruch nehmen, aber du wohnst schon recht weit weg! *gg*

Problem ist, wir arbeiten sehr Projektorientiert und ich gerade nicht an einem E-Commerce Projekt arbeite komm ich ehrlich gesagt nicht dazu, mir den Code/das Problem näher anzuschauen und eine einfache Lösung dazu zu finden. Werde mal schauen ob ich eventuell heute abend nochmal Zeit dafür finden sollte! Würde mich dann ggf. nochmals melden!

Greetz

um das Problem etwas zu verdeutlichen, hier mal eben dein ausgegebener HTML Code der Navigation:

<ul id="main_nav">
<li class="main_level_1"><a class="Current" href="http://www.weyreuter.de/Aufrichteschachteln" title="Aufrichteschachteln">Aufrichteschachteln</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Faltkartonagen" title="Faltkartonagen">Faltkartonagen</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Gefahrgutkartons" title="Gefahrgutkartons">Gefahrgutkartons</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Umzugskartons" title="Umzugskartons">Umzugskartons</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Stuelpdeckelkartons" title="Stülpdeckelkartons">Stülpdeckelkartons</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Schlitzverpackungen" title="Schlitzverpackungen">Schlitzverpackungen</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Medienverpackungen" title="Medienverpackungen">Medienverpackungen</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Versandtaschen" title="Versandtaschen">Versandtaschen</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Folienbeutel" title="Folienbeutel">Folienbeutel</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Begleitpapiertaschen" title="Begleitpapiertaschen">Begleitpapiertaschen</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Fuellmaterial" title="Füllmaterial">Füllmaterial</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Luftpolsterfolie" title="Luftpolsterfolie">Luftpolsterfolie</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Packpapier" title="Packpapier">Packpapier</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Rollenwellpappe" title="Rollenwellpappe">Rollenwellpappe</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Kantenschutz" title="Kantenschutz">Kantenschutz</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Klebebaender" title="Klebebänder">Klebebänder</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Buendeln" title="Bündeln">Bündeln</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Stretchen" title="Stretchen">Stretchen</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Schrumpfen" title="Schrumpfen">Schrumpfen</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Umreifen" title="Umreifen">Umreifen</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Paletten" title="Paletten">Paletten</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Kehrspaene" title="Kehrspäne">Kehrspäne</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Buerobedarf" title="Bürobedarf">Bürobedarf</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Betriebshygiene" title="Betriebshygiene">Betriebshygiene</a></li>
<li class="main_level_1"><a href="http://www.weyreuter.de/Restposten-Sonderangebote" title="Restposten / Sonderangebote">Restposten / Sonderangebote</a></li>
</ul>

Das Problem ist, dass man mit der aktuellen Kategorisierung nicht unterscheiden kann, wann genau die einzelnen Bereiche "etwas auseinander" dargestellt werden sollen. Man Müsste hingehen und eine Kategorisierung vornehmen und zwar so wie auf deinem Screenshot zu sehen ist:

Kategorie eins:
- *schachteln
- *Faltkartonagen
- ...

KAtegorie zwei:
- Medienverpackungen
- ...

Kategorie drei:
- Klevebänder
- ..

usw.

Dann kann man hingehen und die categories.php entsprechend so anpassen, dass er die erste eben an Kategorien nicht anzeigt, anstelle einen Platzhalter lässt und darunter direkt die Unterkategorien (quasi wie jetzt schon). Somit hat man dann aber einen Anhaltspunkt (programmiertechnisch)!
Vielleicht hilft das schonmal weiter, war jetzt nur auf die schnelle nochmal eben nachgeschaut!

Greetz

wenn es so einfach wäre, hätte ich dir die Lösung schon längst präsentiert! *gg*
Das Problem aber ist doch, dass das System nicht weiß wann genau dieser Zeilenabstand stattfinden soll!

Wenn du es dir ganz simple haben willst, wäre wahrscheinlich die schnellste Variante, die dir IDs der Kategorien aufzuschreiben, bei denen vorher ein Zeilenabstand sein soll. Dann müsstest du nur noch in die categories.php gehen und nach genau diesen ID abfragen und sobald es die richtige, den style des entsprechenden <li> Elementes dahingehend anpassen, dass ein "padding-top:15px" hinzugefügt wird!

Als Beispiel:

$meinArray = array(1,2,3,4,5,6); //Marcel => Das Array das die entsprechende Kategorien enthält bei denen ein Abstand vorher erscheinen soll


				while($dbQueryResult = xtc_db_fetch_array($dbQuery,true)) {

					$Current = false;
					if($dbQueryResult['categories_id'] == $current_category_id) {
						$Current = ' class="Current"';
					} elseif(in_array($dbQueryResult['categories_id'],$myPathArray)) {
						$Current = ' class="CurrentParent"';
					}
					if(SHOW_COUNTS == 'true' || $CatConfig['HideEmpty'] == true) {
						$ProdsInCat = xtc_count_products_in_category($dbQueryResult['categories_id']);
					}
					if(($ProdsInCat != 0 && $CatConfig['HideEmpty'] == true) || ($CatConfig['HideEmpty'] == false)) {
						$Return 	.= 	"\n";
						if(in_array($dbQueryResult['categories_id'],$meinArray)){
							$Return		.=	'<li class="main_level_'.$Level.'" style="padding-top:15px;">';
						}else{
							$Return		.=	'<li class="main_level_'.$Level.'">';
						}
						$Return		.=	'<a'.$Current.' href="'
									.	xtc_href_link(FILENAME_DEFAULT,xtc_category_link($dbQueryResult['categories_id'],$dbQueryResult['categories_name']))
									.	'" title="'.$dbQueryResult['categories_name'].'">'
									.	$dbQueryResult['categories_name'];
						if(SHOW_COUNTS == 'true') {
							$Return .=	' <em>('
									.	$ProdsInCat
									.	')</em>';
						}
						$Return 	.=	'</a>';
						if(($Level < $CatConfig['MinLevel'] || $Current) && ($Level < $CatConfig['MaxLevel'] || !$CatConfig['MaxLevel'])) {
							$Return	.= 	gunnartCategories($dbQueryResult['categories_id'],$Level+1); // <-- Rekursion!
						}
						$Return 	.=	'</li>';
					}
				}

Ich habe dir die while Schleife etwas erweitert, die ca. ab Zeile 77 in der categories.php startet. (dafor müsste sowas wie "//Ergebnisse" stehen! Vor der while Schleife hab ich ein kleines Array() => $meinArray erstellt und dieses muss nun mit den KategorienIDs versehen werden, vor denen ein Abstand entstehen soll.

Hinter dem ersten $Return in der While-Schleife wird dann die aktuelle ID der Kategorie abfragt und mit deinem aus deinem Array verglichen. Ist die abfragte ID nun im Array vorhanden, wird der Style des Listenelementes mit dem zusatz "style="padding-top:15px;"" erweitert.

Ich habe es jetzt nicht getestet, gerade keine Testumgebung zur Hand. Müsstest mir mal schreiben obs funtioniert oder nicht. Am besten vorher irgendwo testen! *gg*

Greetz

TANTE EDIT:

So, doch noch ne Testumgebung gefunden, bei mir läuft es! Dann will ich mal hoffen dass es bei dir auch klappt!