0
В Вертикальное Меню Добавить С Боку Картинки
Автор denet, 28 марта 2016 23:40
Сообщений в теме: 6
#1
Отправлено 28 Март 2016 - 23:40
В вертикальное меню добавить сбоку картинки, но при входе через мобильный они исчезали, размер картинок 80x80, под категорий не будет, спасибо за быстрые ответы!
#2
Отправлено 29 Март 2016 - 01:32
Укажите пожалуйста номер аккаунта вашего магазина, так как указанный в профиле заблокирован.
#4
Отправлено 29 Март 2016 - 14:16
denet (29 Март 2016 - 13:17) писал:
делаю пока что на это акке потом буду переносить
SL-378888
SL-378888
{% 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
Отправлено 29 Март 2016 - 17:22
Ирина345 (29 Март 2016 - 14:16) писал:
Здравствуйте, найдите в шаблоне HTML
после вставьте
где указываете ссылку на изображение для каждого пункта
далее в конец main.css добавьте
{% 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; }
да, почти что надо, но текст ложится плохо, нужно что бы текст был с правой стороны от картинки вот так
#6
Отправлено 29 Март 2016 - 18:22
denet (29 Март 2016 - 17:22) писал:
да, почти что надо, но текст ложится плохо, нужно что бы текст был с правой стороны от картинки вот так Снимок11111.PNG
<!-- Каталог --> {% 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
Отправлено 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 анонимных