Сообщений в теме: 7

[Alonki]

Добрый вечер.
Вот сейчас каталог товаров выглядит так как в стандартном шаблоне...

Интересует следующие. Подскажите как сделать, как на картинке
То есть слева добавить картинку

http://gig-stroy.storeland.ru/ сам сайт

[Koderhan]

Вам придется прописывать в коде для каждого пункта условие. Если название категории такое то то выводим картинку...
Например.

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "HTML".
Найти код:

<!-- Каталог -->
	   <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
		 {%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						<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>
	   <!-- end Каталог -->

Заменить:

<!-- Каталог -->
	   <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
		 {%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						{% IF catalog.NAME = Техника %}
						  <span><img src="адрес картинки1 " /></span>
						{% ELSEIF catalog.NAME = Фрукты %}
						  <span><img src="адрес картинки2 " /></span>
						{% 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>
	   <!-- end Каталог -->

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:

#subNavigation li span {
	float: left;
	margin: 0px 8px;
}

[Alonki]

<span><img src="адрес картинки1 " /></span>
Спасибо попробую, а куда картинку заливать и как там искать адрес ее?

[Сake]

Изображение вы можете загрузить в разделе Сайт -> Редактор шаблонов. Файлы загружаются в левой колонке по кнопке "Добавить файлы". После загрузки файла найдите его в колонке и скопируйте имя файла например "panel-bg.png". После используйте в шаблоне запись вида

<span><img src="{ASSETS_IMAGES_PATH}panel-bg.png" /></span>

в данном случае адресом является путь "{ASSETS_IMAGES_PATH}panel-bg.png". В данной строке {ASSETS_IMAGES_PATH} является путем к изображению, а panel-bg.png собственно является названием изображения.

[Alonki]

Добрый день. Спасибо помогло.
Но получилось что картинки наехали друг на друга...
Подскажите как это исправить

[Alonki]

Поиграл с размерами картинок. Не помогло.
Может быть все пункты в каталоге, а именно рамку каждого  привести к общему размеру?
а то получается то пробел между ними, то наоборот заезжают.
Заметил тенденцию, что когда название в один ряд и следом тоже в один ряд, то наезжают картинки... А когда в два рядо персвое и последующие то все нормально

[Castiel]

Alonki (26 Ноябрь 2013 - 14:54) писал:

Поиграл с размерами картинок. Не помогло.
Может быть все пункты в каталоге, а именно рамку каждого  привести к общему размеру?
а то получается то пробел между ними, то наоборот заезжают

Находим

#subNavigation li {
font-size: 1.0833em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url(http://gig-stroy.storeland.net/subnav_rule.gif) no-repeat left bottom;
}

Заменяем на

#subNavigation li {
height: 35px;
font-size: 1.0833em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url(http://gig-stroy.storeland.net/subnav_rule.gif) no-repeat left bottom;
}

[Alonki]

Castiel (26 Ноябрь 2013 - 15:07) писал:

Находим

#subNavigation li {
font-size: 1.0833em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url(http://gig-stroy.storeland.net/subnav_rule.gif) no-repeat left bottom;
}

Заменяем на

#subNavigation li {
height: 35px;
font-size: 1.0833em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url(http://gig-stroy.storeland.net/subnav_rule.gif) no-repeat left bottom;
}

УРА!!!!!!!!!!!!!!!!!!!!!!!!!!
СПасибище)))))))))))))))
Теперь все как в аптеке))))))
Теперь все точно остаюсь на вашем ресурсе!!!!!
Не только база удобная, но и служба поддержки превосходная!!
Жирный ПЛЮС!!!

Я тут с Вами еще и мега хаккером стану)))