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


Картинки В Меню Категорий: Выровнять Всё И Добавить Управление Из Админки


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

#1 rtnsl

rtnsl

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

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

Отправлено 21 Декабрь 2015 - 11:13

Добавил картинки в меню kov.su. Сделал так

	<!-- Каталог товаров -->
	<div class="conta">
	  <a class="toggleMenu" href="#">Каталог</a>
	  {%IFNOT catalog_full_empty%}
		{%FOR catalog_full%}
		 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
		  <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
			<a style="vertical-align:middle" href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>
			{%IF catalog_full.NAME = Вставки %}
			  <img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-vstavki.jpg" />
			{%ELSEIF catalog_full.NAME = Шары %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-shary.jpg" />
			{%ELSEIF catalog_full.NAME = Декор %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-dekor.jpg" />
			{%ELSEIF catalog_full.NAME = Заглушки %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-zaglushki.jpg" />
			{%ELSEIF catalog_full.NAME = Элементы орнамента %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-orn.jpg" />
			{%ELSEIF catalog_full.NAME = Корзинки %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-kor.jpg" />
			{%ELSEIF catalog_full.NAME = Листья %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-list.jpg" />
			{%ELSEIF catalog_full.NAME = Цветы, накладки %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-cve.jpg" />
			{%ELSEIF catalog_full.NAME = Патина %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-pat.jpg" />
			{%ELSEIF catalog_full.NAME = Пики, навершия %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-pik.jpg" />
			{%ELSEIF catalog_full.NAME = Подпятники %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-pod.jpg" />
			{%ELSEIF catalog_full.NAME = Столбы, балясины %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-bal.jpg" />
			{%ELSEIF catalog_full.NAME = Прокат %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-hud.jpg" />
			{%ELSEIF catalog_full.NAME = Скидки %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-sale.jpg" />
			{%ELSEIF catalog_full.NAME = Распродажа %}
				<img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-rasp.jpg" /> 
			{%ENDIF%}
		   
			{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
		  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
		  {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
		{%ENDFOR%}
	  {%ENDIF%}
	</div>
	<!-- /Каталог товаров -->

Но в админке можно добавлять картинку категории.
  • Как сделать так, чтобы не было такого блока if-ов, а просто выводилась картинка из настроек категории?
  • Как сделать так, чтобы пункты меню на любом экране выравнивались, как на картинке (автоматический рассчёт длины, чтоб картинки ровными рядами выстраивались)

Прикрепленные изображения

  • 2.jpg


#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 731 сообщений

Отправлено 22 Декабрь 2015 - 06:32

К сожалению, используются разные массивы данных для работы с категориями на всех страницах сайта и в разделе каталога. Как вариант, можно данные картинки вставлять через css стили, чтобы облегчить структуру HTML.

В style.css найдите:
.conta .nav li {
	height: 80px;
}

замените на:
.conta .nav li {
	height: 80px;
	width: 227px;
}


#3 rtnsl

rtnsl

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

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

Отправлено 22 Декабрь 2015 - 14:44

Просмотр сообщенияVaccina (22 Декабрь 2015 - 06:32) писал:

К сожалению, используются разные массивы данных для работы с категориями на всех страницах сайта и в разделе каталога. Как вариант, можно данные картинки вставлять через css стили, чтобы облегчить структуру HTML.

В style.css найдите:
.conta .nav li {
height: 80px;
}

замените на:
.conta .nav li {
height: 80px;
width: 227px;
}

Правильно ли я понимаю, что сделать первое не выйдет, а со вторым можно указать максимальную ширину? Я так понял, что высчитывание максимальной ширины пока в системе и готовых шаблонах решения пока не предусмотрено, но я могу попробовать сам написать js-функцию. Или высчитывание ширины и применение её через javascript невозможно из-за каких-то фатальных особенностей движка/шаблона?




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

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