внешний вид раздела /категории/ товары

[Skuma 0]

Добрый день , подскажите какой блок отвечает за внешний вид раздела /категории /товары 

вот код 

/*- Список разделов */

#CatNavi 
	{ 
	padding: 8px 0px;
	width: 306px;
	}

#CatNavi li
	{ 
	font: 18px/43px Tahoma, Arial;
	margin-bottom: 3px;
	}
		
#CatNavi li a
	{ 
	display: block;
	width: 286px;
	height: 44px;
	padding-left: 20px;
	}

#CatNavi li a:hover, li.Current a
	{ 
	background: url(images/hov.png) no-repeat;
	color: #fff;
	text-decoration: none;

	}

#CatNavi .CatLevel0 
	{
		padding-left: 0;
	}

#CatNavi .CatLevel1 
	{
		padding-left: 10px;
	}

#CatNavi .CatLevel2 
	{
		padding-left: 20px;
	}

#CatNavi .CatLevel3
	{
		padding-left: 30px;
	}

#CatNavi .CatLevel4
	{
		padding-left: 40px;
	}

#CatNavi .CatLevel5
	{
		padding-left: 50px;
	}

#CatNavi .CatLevel6
	{
		padding-left: 60px;
	}

#CatNavi .CurrentParent a 
	{ 
		font-weight: normal; 
	}

#CatNavi li a,
#CatNavi .Current li a,
#CatNavi .CurrentParent li a,
#CatNavi .CurrentParent .Current li a 
	{ 
		font-weight: normal; 
	}

#CatNavi .Current a,
#CatNavi .CurrentParent .Current a 
	{ 
		font-weight: normal; 
	}

/*- /Список разделов */

[support 447]

Если у Вас Chrome, то наводите мышкой на нужный элемент и правой кнопкой кликаете, выбирая пункт - Inspect element, будет виден css класс.

 

CatNavi - это стили для категорий.

[Skuma 0]

Подскажите , как можно сделать в коде , чтоб в разделе товары , подгруппа была видимой структурой ( иерархическим деревом) , пытались в коде размер менять , вот что выходит, двигается вся таблица 

 

вот код 

/*- Список разделов */
#categoriesBoxMenu 
   {
     padding-left: 0; /* отступ разделов от левого края бокса */
     border-top: 1px solid #a4a4a4; 
     margin-left: 0.5em;
   }

#categoriesBoxMenu a
   {
     padding: 0.5em 0.3em 0.5em 0.5em;
     border-right: 1px solid #a4a4a4; 
     border-bottom: 1px solid #a4a4a4; 
     border-left: 1px solid #a4a4a4; 
     margin: 0;
   }
   
#categoriesBoxMenu #CatNavi, #CatNavi ul, #CatNavi li 
   { 
     margin: 0; 
     padding: 0; 
     list-style-type: none; 
   }

#categoriesBoxMenu #CatNavi li a
   { 
     display: block;
     margin: 0 0 0 0;
     width: 94%;
     padding-left: 3px;
     background: url(img/style1/arrow000.gif) no-repeat left center;
     color: #000;
     text-indent: 0.4em;
     background-color: #fff; 
     text-decoration: none;
   }

#categoriesBoxMenu #CatNavi li a:hover
   { 
     color: #000; 
     text-decoration: underline;
   }

#categoriesBoxMenu #CatNavi .CatLevel1, 
#categoriesBoxMenu #CatNavi .CatLevel2, 
#categoriesBoxMenu #CatNavi .CatLevel3,
#categoriesBoxMenu #CatNavi .CatLevel4,
#categoriesBoxMenu #CatNavi .CatLevel5,
#categoriesBoxMenu #CatNavi .CatLevel6
   {
     padding-left: 0em;
   }

#categoriesBoxMenu #CatNavi .CurrentParent a 
   { 
     font-weight: bold; 
   }

#categoriesBoxMenu #CatNavi li a,
#categoriesBoxMenu #CatNavi .Current li a,
#categoriesBoxMenu #CatNavi .CurrentParent li a,
#categoriesBoxMenu #CatNavi .CurrentParent .Current li a 
   { 
     font-weight: normal; 
   }

#categoriesBoxMenu #CatNavi .Current a,
#categoriesBoxMenu #CatNavi .CurrentParent .Current a 
   { 
     font-weight: bold; 
   }
   
/*- /Список разделов */

[Skuma 0]

Чтоб похоже было как тут 

 

Попытались попробывать заменить целый код список разделов , ну и не получилось

Вот код на который хотели заменить 

/*- Список разделов */

#CatNavi 
	{ 
	padding: 8px 0px;
	width: 306px;
	}

#CatNavi li
	{ 
	font: 18px/43px Tahoma, Arial;
	margin-bottom: 3px;
	}
		
#CatNavi li a
	{ 
	display: block;
	width: 286px;
	height: 44px;
	padding-left: 20px;
	}

#CatNavi li a:hover, li.Current a
	{ 
	background: url(images/hov.png) no-repeat;
	color: #fff;
	text-decoration: none;

	}

#CatNavi .CatLevel0 
	{
		padding-left: 0;
	}

#CatNavi .CatLevel1 
	{
		padding-left: 10px;
	}

#CatNavi .CatLevel2 
	{
		padding-left: 20px;
	}

#CatNavi .CatLevel3
	{
		padding-left: 30px;
	}

#CatNavi .CatLevel4
	{
		padding-left: 40px;
	}

#CatNavi .CatLevel5
	{
		padding-left: 50px;
	}

#CatNavi .CatLevel6
	{
		padding-left: 60px;
	}

#CatNavi .CurrentParent a 
	{ 
		font-weight: normal; 
	}

#CatNavi li a,
#CatNavi .Current li a,
#CatNavi .CurrentParent li a,
#CatNavi .CurrentParent .Current li a 
	{ 
		font-weight: normal; 
	}

#CatNavi .Current a,
#CatNavi .CurrentParent .Current a 
	{ 
		font-weight: normal; 
	}

/*- /Список разделов */

[support 447]

По умолчанию дерево категорий не разворачивается, Вам нужно ставить например это - http://vamshop.ru/forum/files/file/19-%D0%B1%D0%BE%D0%BA%D1%81-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D0%B9-%D1%81-%D1%80%D0%B0%D0%B7%D0%B2%D1%91%D1%80%D0%BD%D1%83%D1%82%D1%8B%D0%BC-%D0%B4%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%BC/

и затем уже css стили свои писать.

[Skuma 0]

По умолчанию дерево категорий не разворачивается, Вам нужно ставить например это - http://vamshop.ru/forum/files/file/19-%D0%B1%D0%BE%D0%BA%D1%81-%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D0%B9-%D1%81-%D1%80%D0%B0%D0%B7%D0%B2%D1%91%D1%80%D0%BD%D1%83%D1%82%D1%8B%D0%BC-%D0%B4%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%BC/

и затем уже css стили свои писать.

 

вот что вышло 

[support 447]

Всё правильно вышлю.

Теперь css стилями сделайте внешний вид такой какой Вам нужен.