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


Иконки Категорий Каталога Товара В Левом Меню


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

#21 Cupuyc

Cupuyc

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

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

Отправлено 26 Апрель 2015 - 11:38

Просмотр сообщенияIuhenio (25 Апрель 2015 - 20:54) писал:

изменения хочу произвести для
Аккаунт SL-293324

Здравствуйте, пожалуйста уточните, под категориями вы подразумеваете "выбор размеров" через категории? Могли бы Вы привести скриншоты того как они должны быть расположенны?

#22 aleff

aleff

    Продвинутый пользователь

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

Отправлено 23 Апрель 2016 - 16:13

Здравствуйте!
Подскажите, пожалуйста, как добавить иконки к названиям категорий слева?
Аккаунт SL-211250

#23 Юля123

Юля123

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

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

Отправлено 25 Апрель 2016 - 17:54

Просмотр сообщенияaleff (23 Апрель 2016 - 16:13) писал:

Здравствуйте!
Подскажите, пожалуйста, как добавить иконки к названиям категорий слева?
Аккаунт SL-211250

Здравствуйте, это можно сделать только через условия.В шаблоне HTML найдите код:

			<!-- Каталог -->
			{% IFNOT catalog_full_empty %}
			<div class="block menu">
			  <div class="block-title">
				<a href="{CATALOG_URL}"><h5><span>Каталог</span></h5></a></div>
				<div class="block-menu-content">
				  <ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}

после него добавьте код:

						{% IF catalog_full.NAME = Каталог роликов для душевых кабин%}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>
						{%ELSEIF catalog_full.NAME = Смесители для душевых кабин%}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>
						{%ELSEIF catalog_full.NAME = Уплотнители ,магнитная лента для душевых кабин%}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>
						{%ELSEIF catalog_full.NAME = Верхний тропический душ для душевых кабин%}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>
 {%ELSEIF catalog_full.NAME = Сифоны  для душевых кабин поддонов%}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>
 {%ELSEIF catalog_full.NAME = Пульты управления для душевых кабин%}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>
 {%ELSEIF catalog_full.NAME = Картриджи для душевой кабины%}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>
 {%ELSEIF catalog_full.NAME = Лейки, штанги (рейлинг), держатели для душа%}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>
 {%ELSEIF catalog_full.NAME = Ручки для душевых кабин %}<img src="ссылка на изображение" alt="" title="" style="width:40px; height:40px;display:inline-block;"/>

						{% ENDIF %}

"ссылка на изображение" - заменяйте на нужную ссылку на картинку для соответствующей категории.


в main.css найдите код:

.block-menu-content ul > li {border-bottom: 1px solid #e5e5e5;background: #f8f8f8;}

и замените на код:

.block-menu-content ul > li {border-bottom: 1px solid #e5e5e5;background: #f8f8f8; display: inline-block;width: 83%;}


#24 aleff

aleff

    Продвинутый пользователь

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

Отправлено 26 Апрель 2016 - 13:42

Как сделать чтоб иконки были посередине названия

#25 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 26 Апрель 2016 - 16:22

Просмотр сообщенияaleff (26 Апрель 2016 - 13:42) писал:

Как сделать чтоб иконки были посередине названия
Изменения Вам произвел, проверьте.

#26 aleff

aleff

    Продвинутый пользователь

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

Отправлено 13 Август 2016 - 13:11

Добрый день, как сделать иконки для Аккаунт SL-311500

#27 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 15 Август 2016 - 11:29

Просмотр сообщенияaleff (13 Август 2016 - 13:11) писал:

Добрый день, как сделать иконки для Аккаунт SL-311500
Здравствуйте.
В конец main.css добавьте
.block-menu-content ul li.subhead a span {
	padding-left: 40px;
	display:inline-block;
}
.block-menu-content ul li.subhead a img {
	width: 40px;
	height: 40px;
	display:inline-block;
}
В шаблоне html найдите код
								  <!-- Каталог -->
								  {% IFNOT catalog_full_empty %}
								  <div class="block-sidebar menu">
										<h3 class="block-title">
										  <a href="{CATALOG_URL}">Каталог товаров</a><div class="toggleBlockMenu" title="Свернуть/развернуть"><div class="toggleArrow"></div><div class="toggleSquare"></div></div></h3>
										  <div class="block-menu-content">
												<ul>
												  {% FOR catalog_full %}
														{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
														  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
																<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a>
														  {% 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 %}
												</ul>
										  </div>
								  </div>
								  {% ENDIF %}
								  <!-- /END Каталог -->
и замените на
								  <!-- Каталог -->
								  {% IFNOT catalog_full_empty %}
								  <div class="block-sidebar menu">
										<h3 class="block-title">
										  <a href="{CATALOG_URL}">Каталог товаров</a><div class="toggleBlockMenu" title="Свернуть/развернуть"><div class="toggleArrow"></div><div class="toggleSquare"></div></div></h3>
										  <div class="block-menu-content">
												<ul>
												  {% FOR catalog_full %}
														{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
														  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
																<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}
																{% IF catalog_full.NAME = НАЗВАНИЕ КАТЕГОРИИ %}<img src="ССЫЛКА НА КАРТИНКУ">
																{% ELSEIF catalog_full.NAME = НАЗВАНИЕ КАТЕГОРИИ %}<img src="ССЫЛКА НА КАРТИНКУ">
																{% ELSEIF catalog_full.NAME = НАЗВАНИЕ КАТЕГОРИИ %}<img src="ССЫЛКА НА КАРТИНКУ">
																{% ELSEIF catalog_full.NAME = НАЗВАНИЕ КАТЕГОРИИ %}<img src="ССЫЛКА НА КАРТИНКУ">
																{% ELSEIF catalog_full.NAME = НАЗВАНИЕ КАТЕГОРИИ %}<img src="ССЫЛКА НА КАРТИНКУ">
																{% ENDIF %}
																<span>{catalog_full.NAME}</span>
																</a>
														  {% 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 %}
												</ul>
										  </div>
								  </div>
								  {% ENDIF %}
								  <!-- /END Каталог -->
в коде замените текст "НАЗВАНИЕ КАТЕГОРИИ" и "ССЫЛКА НА КАРТИНКУ" на соответствующие элементы.

#28 aleff

aleff

    Продвинутый пользователь

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

Отправлено 15 Август 2016 - 15:04

Все сделал, как подравнять картинки, чтоб на против названия были

#29 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 15 Август 2016 - 15:20

Просмотр сообщенияaleff (15 Август 2016 - 15:04) писал:

Все сделал, как подравнять картинки, чтоб на против названия были
В main.css найдите код
.block-menu-content ul li.subhead a span {
	padding-left: 40px;
	display: inline-block;
}
и замените на
.block-menu-content ul li.subhead a span {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}





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

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