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


В Вертикальное Меню Добавить С Боку Картинки


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

#1 denet

denet

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

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

Отправлено 28 Март 2016 - 23:40

В вертикальное меню добавить сбоку картинки, но при входе через мобильный они исчезали, размер картинок 80x80, под категорий не будет, спасибо за быстрые ответы!

#2 Vaccina

Vaccina

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

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

Отправлено 29 Март 2016 - 01:32

Укажите пожалуйста номер аккаунта вашего магазина, так как указанный в профиле заблокирован.

#3 denet

denet

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

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

Отправлено 29 Март 2016 - 13:17

Просмотр сообщенияVaccina (29 Март 2016 - 01:32) писал:

Укажите пожалуйста номер аккаунта вашего магазина, так как указанный в профиле заблокирован.
делаю пока что на это акке потом буду переносить
SL-378888

#4 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Март 2016 - 14:16

Просмотр сообщенияdenet (29 Март 2016 - 13:17) писал:

делаю пока что на это акке потом буду переносить
SL-378888
Здравствуйте, найдите в шаблоне 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 %}
						<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 %}">
			

после вставьте
  {%IF catalog_full.NAME=Видеорегистраторы %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
												{%IF catalog_full.NAME=GPS-навигаторы %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
												 {%IF catalog_full.NAME=Солнцезащитные козырьки %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
												  {%IF catalog_full.NAME=Автомобильная мультимедиа %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
												   {%IF catalog_full.NAME=Антирадары %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
													{%IF catalog_full.NAME=Система контроля шин %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
													 {%IF catalog_full.NAME=Парктроники %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
													  {%IF catalog_full.NAME=Сигнализации %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
													   {%IF catalog_full.NAME=Пускозарядные устройства %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
					

где указываете ссылку на изображение для каждого пункта

далее в конец main.css добавьте
.catalog_img {
	float: left;
	margin: 17px 7px 0px;
}


#5 denet

denet

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

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

Отправлено 29 Март 2016 - 17:22

Просмотр сообщенияИрина345 (29 Март 2016 - 14:16) писал:

Здравствуйте, найдите в шаблоне 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 %}
					 <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 %}">
			

после вставьте
{%IF catalog_full.NAME=Видеорегистраторы %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
											 {%IF catalog_full.NAME=GPS-навигаторы %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
												 {%IF catalog_full.NAME=Солнцезащитные козырьки %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
												 {%IF catalog_full.NAME=Автомобильная мультимедиа %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
												 {%IF catalog_full.NAME=Антирадары %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
												 {%IF catalog_full.NAME=Система контроля шин %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
													 {%IF catalog_full.NAME=Парктроники %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
													 {%IF catalog_full.NAME=Сигнализации %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
													 {%IF catalog_full.NAME=Пускозарядные устройства %}<img class="catalog_img" src="ссылка на изобрадение" />{%ENDIF%}
					

где указываете ссылку на изображение для каждого пункта

далее в конец main.css добавьте
.catalog_img {
float: left;
margin: 17px 7px 0px;
}

да, почти что надо, но текст ложится плохо, нужно что бы текст был с правой стороны от картинки вот так Снимок11111.PNG

#6 Danil

Danil

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

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

Отправлено 29 Март 2016 - 18:22

Просмотр сообщенияdenet (29 Март 2016 - 17:22) писал:

да, почти что надо, но текст ложится плохо, нужно что бы текст был с правой стороны от картинки вот так Прикрепленный файл Снимок11111.PNG
В шаблоне 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 %}
						<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 %}"> {%IF catalog_full.NAME=СЛОЖНЫЕ РОЛЛЫ %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								{%IF catalog_full.NAME=GPS-навигаторы %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								 {%IF catalog_full.NAME=Солнцезащитные козырьки %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								  {%IF catalog_full.NAME=Автомобильная мультимедиа %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								   {%IF catalog_full.NAME=Антирадары %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										{%IF catalog_full.NAME=Система контроля шин %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {%IF catalog_full.NAME=Парктроники %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										  {%IF catalog_full.NAME=Сигнализации %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										   {%IF catalog_full.NAME=Пускозарядные устройства %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
						  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></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 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 %}
						<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.NAME=СЛОЖНЫЕ РОЛЛЫ %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								{%IF catalog_full.NAME=GPS-навигаторы %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								 {%IF catalog_full.NAME=Солнцезащитные козырьки %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								  {%IF catalog_full.NAME=Автомобильная мультимедиа %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								   {%IF catalog_full.NAME=Антирадары %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										{%IF catalog_full.NAME=Система контроля шин %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {%IF catalog_full.NAME=Парктроники %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										  {%IF catalog_full.NAME=Сигнализации %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										   {%IF catalog_full.NAME=Пускозарядные устройства %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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 Каталог -->
в main.css найдите
.block-menu-content li a {
	display: block;
	line-height: 44px;
	margin: 0;
	padding: 0 25px 0 12px;
	font-weight: 500;
	letter-spacing: 0.3px;
	text-align: left;
	text-transform: capitalize;
	border-left: 3px solid transparent;
} 
и замените на
.block-menu-content li a {
	display: block;
	line-height: 25px;
	margin: 0;
	padding: 0 25px 0 12px;
	font-weight: 500;
	letter-spacing: 0.3px;
	text-align: left;
	text-transform: capitalize;
	border-left: 3px solid transparent;
	overflow: hidden;
}
li.subhead img {
	float: left;
	padding: 0 15px 0 0;
}


#7 denet

denet

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

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

Отправлено 30 Март 2016 - 01:03

Просмотр сообщенияDanil (29 Март 2016 - 18:22) писал:

В шаблоне 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 %}
					 <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 %}"> {%IF catalog_full.NAME=СЛОЖНЫЕ РОЛЛЫ %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																							 {%IF catalog_full.NAME=GPS-навигаторы %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								 {%IF catalog_full.NAME=Солнцезащитные козырьки %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								 {%IF catalog_full.NAME=Автомобильная мультимедиа %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								 {%IF catalog_full.NAME=Антирадары %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																									 {%IF catalog_full.NAME=Система контроля шин %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {%IF catalog_full.NAME=Парктроники %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {%IF catalog_full.NAME=Сигнализации %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {%IF catalog_full.NAME=Пускозарядные устройства %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
						 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></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 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 %}
					 <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.NAME=СЛОЖНЫЕ РОЛЛЫ %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																							 {%IF catalog_full.NAME=GPS-навигаторы %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								 {%IF catalog_full.NAME=Солнцезащитные козырьки %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								 {%IF catalog_full.NAME=Автомобильная мультимедиа %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																								 {%IF catalog_full.NAME=Антирадары %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																									 {%IF catalog_full.NAME=Система контроля шин %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {%IF catalog_full.NAME=Парктроники %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {%IF catalog_full.NAME=Сигнализации %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {%IF catalog_full.NAME=Пускозарядные устройства %}<img class="catalog_img" src="http://design.autotyn.ru/8014.jpg" />{%ENDIF%}
																										 {% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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 Каталог -->
в main.css найдите
.block-menu-content li a {
display: block;
line-height: 44px;
margin: 0;
padding: 0 25px 0 12px;
font-weight: 500;
letter-spacing: 0.3px;
text-align: left;
text-transform: capitalize;
border-left: 3px solid transparent;
} 
и замените на
.block-menu-content li a {
display: block;
line-height: 25px;
margin: 0;
padding: 0 25px 0 12px;
font-weight: 500;
letter-spacing: 0.3px;
text-align: left;
text-transform: capitalize;
border-left: 3px solid transparent;
overflow: hidden;
}
li.subhead img {
float: left;
padding: 0 15px 0 0;
}

Огромное спасибо Вам! И всем кто мне помогал, как всегда помощь на высоте)




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

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