1
Василий (10 Июль 2013 - 22:47) писал:
А как его на уровень главного меню поднять?
Как оставить только Доставку, оплату, контакты и каталог?
И как вставить иконки в каждому разделу.
Это исправил. Работает.
Как оставить только Доставку, оплату, контакты и каталог?
И как вставить иконки в каждому разделу.
Это исправил. Работает.
.fixedmenu {
position: fixed;
right: 0;
margin-top: 300px;
background: black;
border-radius: 8px;
}
атрибуту margin-top присвойте значение 123px вместо 300px. Это поднимет меню.Вставленный код в html
<div class="fixedmenu">
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
отредактируйте так
<div class="fixedmenu">
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
{% IFNOT menu.header.links.NAME=Войти в ЛК%}
<li class="{menu.header.links.NAME}" {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDIF %}
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
В main.css изменит код
.fixedmenu ul li {
padding: 10px 0 10px 0;
}
так
.fixedmenu ul li {
padding: 10px 0 10px 20px;
}
Теперь поочередно для каждого пункта меню добавляйте в конец main.css код вида
.fixedmenu ul li.Контакты {
background: url("{ASSETS_IMAGES_PATH}pic.jpg") no-repeat center left;
}
где pic.jpg - имя иконки для пункта меню. Картинку надо предварительно загрузить.
Сообщение отредактировал sengun: 10 Июль 2013 - 23:19
исправил
