Kategorie Design

Denny-Lee · May 11, 2009

Hi ihr Lieben,

wie ihr euch denken könnt habe ich ein Problem mit dem Kategorien, meine Google Ergebnisse brachten mich leider nicht weiter.

Ich habe einen Onlineshop erstellt

http://www.kokko-shop.de

Sieht auch alles gut aus und funktioniert. Doch mir ist etwas aufgefallen was mich stört. Und zwar möchte ich das jede Kategorie eine andere Farbe bestitzt also wie hier neue Farbe für Schmuck, Instrumente und so weiter. Im CSS färbt es allerdings alle gleich in der selben Farbe, habt ihr einen Lösungsvorschlag?

Gruß Denny

ccisco · May 12, 2009

Du müsstest jedem Punkt in der Liste eine eigene ID zuweisen.

So sieht dein Menü derzeit aus:

<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=1">Lampen</a></li>

<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=2">Schmuck</a></li>

<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=3">Musikinstrumente</a></li>

<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=4">Kerzen/Windlichter</a></li>

<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=5">Artikel bis 10,-€</a></li>

<li class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=6">Dekoration/Geschenke</a></li>

</ul>

Jedem Listenpunkt eine eigene ID zuweisen (der Name jeder ID muss eindeutig sein!):

<li id="eindeutigeID1" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=1">Lampen</a></li>

<li id="eindeutigeID2" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=2">Schmuck</a></li>

<li id="eindeutigeID3" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=3">Musikinstrumente</a></li>

<li id="eindeutigeID4" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=4">Kerzen/Windlichter</a></li>

<li id="eindeutigeID5" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=5">Artikel bis 10,-€</a></li>

<li id="eindeutigeID5" class="level1"><a href="http://www.kokko-shop.de/index.php?cPath=6">Dekoration/Geschenke</a></li>

</ul>

Den IDs kannst du jetzt per CSS Farben zuweisen, z. B. so:

#eindeutigeID1 { background: red }

#eindeutigeID2 { background: green }

#eindeutigeID3 { background: yellow }

...

Denny-Lee · May 14, 2009

oh vielen Dank, sieht nun schon besser aus hätte nicht gedacht das es so einfach geht.

Habe nur noch eine Frage, und zwar macht es nun die Unterkategurien beim Schmuck nicht mehr mit, woran liegt das?

Gruß Denny

GoriBoy · May 28, 2009

das ist ja auch momentan mein problem..

wäre nett wenn sich einer diesbezüglich meden würde..

Danke schonmal

Gruß

GoriBoy

Denny-Lee · May 28, 2009

Man kann zwar auch eine <li> für die Unterkategorien einfügen, doch dann steht es gleich von Anfang an da und wird nicht ausgeklappt .

GoriBoy · May 28, 2009

yep, so isses, sieht ja unschön aus da wir unzählige unterkategorien haben..

na dann, hoffen daß sich da was tut und irgendeiner hier im forum hilft uns..

solltest du was rausfinden, melde dich bitte, ich tus auf jeden fall..

Gruß

GoriBoy

Denny-Lee · May 28, 2009

Natürlich, sage auf jedenfall was, ich bin jetzt schon selber Wochenlang am tüfteln, bin mir sicher das das an der id liegt, wenn man jeder Kategorie eine id zuweisen könnte, ohne sie als <li> auszugeben müsste es eig klappen.

Außerdem habe ich es schon bei Shops gesehen das es möglich ist.

Gruß Denny

GoriBoy · May 28, 2009

Natürlich, sage auf jedenfall was, ich bin jetzt schon selber Wochenlang am tüfteln, bin mir sicher das das an der id liegt, wenn man jeder Kategorie eine id zuweisen könnte, ohne sie als <li> auszugeben müsste es eig klappen.

Außerdem habe ich es schon bei Shops gesehen das es möglich ist.

Gruß Denny

??? an der id?

meine vermutung ist daß es an der level geschichte liegt..

gib mal bitte links zu den shops, vielleicht finde ich da was raus..

Gruß

GoriBoy

Denny-Lee · May 28, 2009

das z.b.

http://osc3.template-help.com/osc_21913/index.php

allerdings wächselt es hier nur dir streifen ab...

GoriBoy · May 28, 2009

ok, das ist ja kein problem..

das kannst ja so machen..

<class="{cycle values="contentrow1,contentrow2"}">

dann definierts du in der css datei die farbe für den contentrow1 und für den 2... durch den befehl cycle values werden dann hintereinander die farben ausgegeben.. kannste beliebig erweitern..

ich überlege ob ich das bei den normalen farben bleibe, ich habs mit direkten links gemacht und ist mir a bisserl zu bunt..

Gruß

GoriBoy

Denny-Lee · May 28, 2009

ja weiß aber ich wollts ja anders haben.. ich weiß zwar das es geht (hab das irgendwo mal gesehen) aber ni wie

http://www.telegym.de/index.php/cat/c13_Asiatische-Bewegungskunst.html

hier wurde auch mit mehreren Farben gearbeitet.

http://www.fairnet-medien.de/onlineshop-mit-xt-commerce.html

habe gerade nochetwas gefunden

http://www.xt-commerce.com/forum/showthread.php?t=65215

dukie6666 · May 28, 2009

@danny-lee:

schau Dir die Navi an:

http://www.gunnart.de/tipps-und-tricks/advanced-show-category-20-fuer-xtcommerce

Das gibt ein sortierte Liste aus mit diversen Konfigurationsmöglichkeiten, damitz kannst Du jede Kategorie und Subkategorie gestalten.

Denny-Lee · May 28, 2009

uii ja das ist toll. bei diesem beispiel wenn man nichts verändert was gibt man da als css namen an?

Gruß Denny

Denny-Lee · May 29, 2009

also ich habe eine Frage weil es nicht wirklich klappt:

erstmal meine codes

css für mein Menü und erste Kategorie

/*Neues Menü*/

ul#CatLevel {

	background-color:#EDEDED;

	margin-bottom:15px;

	border: solid #DB9502;

	border-width:0px 0px 0px 0px;

}

/* 1st TIER */


ul#CatLevel li.level1 {

	list-style-type:none;

	background:url(img/1.jpg);

	padding:8px 0px 8px 35px;

	border: 0px;

	border-width:1px 0px 0px 0px;

}


ul#CatLevel li.level1 a {

	text-decoration:none;

	font-size:12px;

	font-family:Verdana;

	color:#FFFFFF;

	font-weight:regular;

}

hier jetzt der code in der xtc_show_category_inc.php (das was ich verändert habe)

-----------------------------------------------------------------------------------

	$CatConfig = array(


		// Bis zu welcher Ebene soll der Kategorien-Baum standardmäßig 

		// aufgeklappt sein? 

		// false, wenn er komplett ausgeklappt sein soll.

		'MaxLevel' 			=> 	1,


		// Leere Kategorien verstecken? true: ja, false: nein

		'HideEmpty' 		=> 	false,


		// Dürfen aktive Kategorien weitere Unterkategorien aufklappen lassen?

		'ShowAktSub' 		=> 	true,


		// Kategorien-Tiefe: Wie soll die CSS-Klasse benannt werden?

		'ListPrefix'		=>	'CatLevel',


		// Aktive Kategorie: Soll der Link markiert werden?

		'MarkAktivLink'		=> 	false,

		'LinkCurrent'		=> 	'Current',

		'LinkCurrentParent'	=> 	'CurrentParent',


		// Aktive Kategorie: Soll der Listenpunkt markiert werden?

		'MarkAktivList'		=> 	true,

		'ListCurrent'		=>	'Current',

		'ListCurrentParent'	=>	'CurrentParent',


		// Sollen Kategorien mit weiteren Unterkategorien gekennzeichnet werden?

		'MarkSubMenue'		=> 	false,

		'SubMenueCss'		=> 	'SubMenue',


		// Automatische Zuteilung einer CSS-ID (für den Listenpunkt)

		'ShowCssIdList'		=> 	false,

		'CssPrefixList'		=> 	'MyCat',


		// Automatische Zuteilung einer CSS-ID (für den Link)

		'ShowCssIdLink'		=> 	false,

		'CssPrefixLink'		=> 	'MyCatLink',


		// Darstellung Produktzählung, falls eingeschaltet

		'CountPre'			=> 	'<em>(',	

		'CountAfter'		=>	')</em>',


		// Tags außerhalb des Links?

		'LinkPre'			=>	false,		// z.B. '<div>',

		'LinkAfter'			=>	false,		// z.B. '</div>',


		// Tags innerhalb des Links?

		'NamePre'			=>	false,		// z.B. '<span>',

		'NameAfter'			=>	false,		// z.B. '</span>',


		// Soll die Überschrift nach Css-Markern à la {#class:EinName#} 

		// durchsucht werden? So kann man z.B. einzelne 

		// Links speziell gestalten.

		'CssMarkersToList'	=>	false, 		// Gefundene Marker zur Liste?

		'CssMarkersToLink'	=>	true		// Gefundene Marker zum Link?


	);

Habe ganz normal im admin Bereich in die Überschrift ein {#class:CatLevel#} ans ende gesetzt klappt aber nicht mache sicher noch was falsch oder hab etwas wichtiges übersehen..

Denny-Lee · May 29, 2009

habs nun hinbekommen das das css anzeigt aber ich habe keinen plan wie das mit den markern klappt wäre gut wenn jemand sagen könnte wie das genau geht

Kategorie Design

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Archived