Перейти к содержимому


Иконки Перед Каждой Категорией Слева


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 dvax

dvax

    Пользователь

  • Пользователи
  • PipPip
  • 29 сообщений

Отправлено 13 Ноябрь 2011 - 20:09

Здравствуйте!
как можно вставить иконки возле каждого названия категорий слева?

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Ноябрь 2011 - 17:03

Подобный вопрос уже обсуждался, его вы можете почитать тут http://forum.storela...ndpost__p__9636

#3 kulrs

kulrs

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 15 Июль 2012 - 01:21

Просмотр сообщенияVaccina (14 Ноябрь 2011 - 17:03) писал:

Подобный вопрос уже обсуждался, его вы можете почитать тут http://forum.storela...ndpost__p__9636
Прочитал предложенную тему. Но ответа там не нашел.. точнее нашел, но не полностью. В ней дается решение задачи для другого шаблона. И хотя для мокко оно должно быть аналогичным, у меня не получается.
В шаблоне мокко тег ЛИ у каталога не имеет класса "cat-item"
После того как дописываешь
{% IF catalog.LEVEL=0%}{% IF catalog.NAME=НАЗВАНИЕ_КАТЕГОРИЙ%}<img src="ссылка_на_изображение"/>{% ENDIF %}{% ENDIF %}
Получаешь
<h4 class="contentTbodyCatalogHeader"></h4>
			  <ul id="subNavigation">
	  				  {%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li> {% IF catalog.LEVEL=0%}{% IF catalog.NAME=НАЗВАНИЕ_КАТЕГОРИЙ%}<img src="ссылка_на_изображение"/>{% ENDIF %}{% ENDIF %}
						<a href="{catalog.URL}" 
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
	  				</ul>
На деле получается так..

Изображение

решается это сто процентов просто, но вот как.. не пойму..  максимум что выходило это дописать самостоятельно класс  "cat-item"
.cat-item img {
 margin-bottom: -20px;
}
но в таком случае картинка сползает вниз перекрывая текст, да и ячейка категории остается двойного размера.
Заранее спасибо.

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Июль 2012 - 06:30

В вашем случае изображение необходимо вставлять в ссылку.

<li> {% IF catalog.LEVEL=0%}{% IF catalog.NAME=НАЗВАНИЕ_КАТЕГОРИЙ%}<img src="ссылка_на_изображение"/>{% ENDIF %}{% ENDIF %}
						<a href="{catalog.URL}" 
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>


заменить на

<li>
						<a href="{catalog.URL}" 
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{% IF catalog.LEVEL=0%}{% IF catalog.NAME=НАЗВАНИЕ_КАТЕГОРИЙ%}<img src="ссылка_на_изображение"/>{% ENDIF %}{% ENDIF %} {catalog.NAME}</a>
					  </li>





Количество пользователей, читающих эту тему: 1

0 пользователей, 0 гостей, 0 анонимных


    Bing (1)