Автор Тема: Видоизменить Каталог Товаров  (Прочитано 9655 раз)

FaVi

  • Гость
Видоизменить Каталог Товаров
« : Августа 02, 2011, 02:16:12 am »
Сабж в том, чтобы в каталоге товаров рядом для каждой категорией слева была своя иконка или хотя бы одна на всех.

Есть вот так:


Нужно вот так:


Подскажите как...

FaVi

  • Гость
Re: Видоизменить Каталог Товаров
« Ответ #1 : Августа 02, 2011, 02:28:34 am »
было бы супер если бы подсказали куда вставлять <img src=".." ...>  ?)

FaVi

  • Гость
Re: Видоизменить Каталог Товаров
« Ответ #2 : Августа 02, 2011, 02:42:12 am »
{* category navigation tree close menu*}
<ul>
{section name=i loop=$categories_tree}{if $categories_tree[i][3]>0}
  <li style="margin-left: {$categories_tree[i][2]*10}px">
{if $categoryID == $categories_tree[i][0]}
{* selected node => point category and don't make a link *}
<img src="http://test1.ru/preview.jpg"><a href="./{$categories_tree[i][4]}" class="selected">{$categories_tree[i][1]}</a>
{else}
{* not selected node => make a link to a category *}
<a href="./{$categories_tree[i][4]}">{$categories_tree[i][1]}</a>
{/if}
  </li>
{/if}
{/section}</ul>
{/if}


вот что вышло:

FaVi

  • Гость
Re: Видоизменить Каталог Товаров
« Ответ #3 : Августа 02, 2011, 02:49:56 am »
вот класс отвечающий
.mn{
list-style:none;
font-size:1.3em;
margin-bottom:190px;
width:197px;
}
.mn li{
zoom:1;
   }
.mn li a{
display:block;
padding:2px 0 2px 27px;
margin-bottom:5px;
zoom:1;
background-repeat:no-repeat;
background-position:5px center;
}
.mn li a:hover, .mn li a.here{
    background-color:#E22B79;
    color:#fff;
text-decoration:none;
zoom:1;
}



если заменить
.mn li a{
display:inline;

то выходит вот так
« Последнее редактирование: Августа 02, 2011, 03:09:51 am от FaVi »

FaVi

  • Гость
Re: Видоизменить Каталог Товаров
« Ответ #4 : Августа 02, 2011, 04:55:47 pm »
всё подключено в head.tpl.html ссылкой на *.css


Цитировать
ваш рисунок будет показываться только коло того меню на котором вы находитесь, то есть выбранное в данное время !
проблема не в том какое меню, а втом что картинка рядом а не какбы внутри
вот пример как необходимо:


а есть максимум вот так: