Меню
#1
Отправлено 17 Декабрь 2015 - 12:55
HTML - вариант ссылок отвратительно отображается в мобильной версии, поэтому прошу помощи.
сайт http://opt-altamar.ru
на скрине меню обозначено так, как оно должно выглядеть после внесения изменений
http://savepic.su/6800976.png
#2
Отправлено 17 Декабрь 2015 - 16:41
Janna_Brauer (17 Декабрь 2015 - 12:55) писал:
HTML - вариант ссылок отвратительно отображается в мобильной версии, поэтому прошу помощи.
сайт http://opt-altamar.ru
на скрине меню обозначено так, как оно должно выглядеть после внесения изменений
http://savepic.su/6800976.png
Здравствуйте, каким образом должны выглядеть эти ссылки в мобильной версии?
#4
Отправлено 18 Декабрь 2015 - 18:34
#5
Отправлено 18 Декабрь 2015 - 19:02
Janna_Brauer (18 Декабрь 2015 - 18:34) писал:
Можно просто стилизовать те ссылки, что у Вас есть. Создайте бэкап перед выполнением инструкции. Затем В шаблоне HTML найдите код:
<!--Пять кнопок под меню--> <div class="three_buttons"> <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt"><button>Сотрудничество - опт</button></a> <a href="http://spektr2.storeland.ru/page/dostavka-oplata"><button>Доставка и оплата</button></a> <a href="http://hanaltai.ru"><button>Купить в розницу</button></a> <a href="http://spektr2.storeland.ru/user/register"><button>вход / регистрация</button></a> <a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text="><button>english</button></a> </div> <!--END Пять кнопок под меню-->
замените на код:
<!--Пять кнопок под меню--> <div class="three_buttons"> <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt"><button>Сотрудничество - опт</button></a> <a href="http://spektr2.storeland.ru/page/dostavka-oplata"><button>Доставка и оплата</button></a> <a href="http://hanaltai.ru"><button>Купить в розницу</button></a> <a href="http://spektr2.storeland.ru/user/register"><button>вход / регистрация</button></a> <a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text="><button>english</button></a> </div> <div id="mommenu" class="menu-offcanvas"> <span class="btn-navbar"> <i class="fa fa-align-justify" title="Инфо"></i> <span class="overlay"></span></span> <div id="menu_offcanvas" class="offcanvas"> <div class="canvas-title"> <i class="fa fa-bars"></i> <span class="title">Инфо</span> <i class="fa fa-times"></i> </div> <ul class="mainnav"> <li> <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt"><button>Сотрудничество - опт</button></a></li> <li><a href="http://spektr2.storeland.ru/page/dostavka-oplata"><button>Доставка и оплата</button></a></li> <li><a href="http://hanaltai.ru"><button>Купить в розницу</button></a></li> <li><a href="http://spektr2.storeland.ru/user/register"><button>вход / регистрация</button></a></li> <li><a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text="><button>english</button></a></li> </ul> </div> </div> <!--END Пять кнопок под меню-->
в main.css после кода:
@media all and (max-width: 767px) {
добавьте код:
.three_buttons {display:none;}
#6
Отправлено 19 Декабрь 2015 - 07:26
Мне не столь важен стиль ссылок, сколько их целесообразность. сейчас на сайте вход/регистрация ссылка постоянная, выводится даже залогиненным пользователям, а мне необходимо, чтобы при осуществлении входа она заменялась на выход соответственно. Поэтому целесообразнее будет прописать в код страницы уже созданное меню
http://savepic.su/6834546.png
#7
Отправлено 20 Декабрь 2015 - 09:59
Janna_Brauer (19 Декабрь 2015 - 07:26) писал:
Мне не столь важен стиль ссылок, сколько их целесообразность. сейчас на сайте вход/регистрация ссылка постоянная, выводится даже залогиненным пользователям, а мне необходимо, чтобы при осуществлении входа она заменялась на выход соответственно. Поэтому целесообразнее будет прописать в код страницы уже созданное меню
http://savepic.su/6834546.png
В шаблоне html найдите код
<!--Пять кнопок под меню--> <div class="three_buttons"> <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt"><button>Сотрудничество - опт</button></a> <a href="http://spektr2.storeland.ru/page/dostavka-oplata"><button>Доставка и оплата</button></a> <a href="http://hanaltai.ru"><button>Купить в розницу</button></a> <a href="http://spektr2.storeland.ru/user/register"><button>вход / регистрация</button></a> <a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text="><button>english</button></a> </div> <!--END Пять кнопок под меню-->и замените на
<!--Пять кнопок под меню--> <div class="three_buttons"> <a href="http://spektr2.storeland.ru/page/Sotrudnichestvo-opt"><button>Сотрудничество - опт</button></a> <a href="http://spektr2.storeland.ru/page/dostavka-oplata"><button>Доставка и оплата</button></a> <a href="http://hanaltai.ru"><button>Купить в розницу</button></a> {% IFNOT CLIENT_IS_LOGIN %} <a href="http://spektr2.storeland.ru/user/register"><button>вход / регистрация</button></a> {% ELSE %} <a href="{USER_SETTINGS_URL}" title="Личный кабинет"><button>Мой кабинет</a></button></li> <a href="{USER_LOGOUT_URL}" title="Выход"><button>Выход</button></a> {% ENDIF %} <a href="https://translate.google.ru/translate?sl=ru&tl=en&js=y&prev=_t&hl=ru&ie=UTF-8&u=http%3A%2F%2Fspektr2.storeland.ru%2F&edit-text="><button>english</button></a> </div> <!--END Пять кнопок под меню-->После указанных изменений, авторизованный пользователь будет видеть в верхнем меню "Выход" и "Мой кабинет"
#8
Отправлено 20 Декабрь 2015 - 11:05
но возможно ли добавить пару ссылок к каталогу, например страницу http://opt-altamar.ru/page/Video наверх, после ссылки на рекламную продукцию?
#9
Отправлено 20 Декабрь 2015 - 19:16
Janna_Brauer (20 Декабрь 2015 - 11:05) писал:
но возможно ли добавить пару ссылок к каталогу, например страницу http://opt-altamar.ru/page/Video наверх, после ссылки на рекламную продукцию?
li.level0 ul .none { display: none !Important; }В шаблоне html найдите код
<ul class="mainnav"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><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%} {%ENDIF%}и замените на
<ul class="mainnav"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%} <li class="level0 none"><a href="Ссылка на страницу">Название ссылки</a></li> <li class="level0 none"><a href="Ссылка на страницу">Название ссылки</a></li> </ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%}замените текст в коде "Ссылка на страницу" и "Название ссылки" на соответствующие элементы.
#10
Отправлено 21 Декабрь 2015 - 08:35
#12
Отправлено 24 Январь 2016 - 15:45
#13
Отправлено 24 Январь 2016 - 16:56
Silver-Pegas (24 Январь 2016 - 15:45) писал:
Здравствуйте. Попробуйте в шаблоне HTML заменить код:
<ul class="mainnav"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><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%} {%ENDIF%} </ul>
на
<ul class="mainnav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{% ENDIF %}"> <a href="{menu.header.links.URL}" class="{% IF menu.header.links.SELECTED %}active{% ENDIF %}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}><span>{menu.header.links.NAME}</span></a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
#14
Отправлено 24 Январь 2016 - 18:24
MikDark (24 Январь 2016 - 16:56) писал:
<ul class="mainnav"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}"><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%} {%ENDIF%} </ul>
на
<ul class="mainnav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{% ENDIF %}"> <a href="{menu.header.links.URL}" class="{% IF menu.header.links.SELECTED %}active{% ENDIF %}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}><span>{menu.header.links.NAME}</span></a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
Не получается. Выходит столбиком.
#16
Отправлено 25 Январь 2016 - 13:26
Юля123 (25 Январь 2016 - 11:34) писал:
ul.mainnav li { display: inline-block; }
В одну строку мелким шрифтом.
Можно ли теперь увеличить шрифт и сделать это всё в 2 строки?
#18
Отправлено 25 Январь 2016 - 18:26
Danil (25 Январь 2016 - 16:47) писал:
Пришлите номер аккаунта сайта указанного на скриншоте.
Здравствуйте. Номер тот, что указан в профиле
SL-367244.
Я сейчас всё вернула. И попробовала сделать как в теме:
http://forum.storela...енения-в-шапке/
Так тоже очень хорошо, но теперь всё сдвинулось вниз.
Поиск залез под слайдер, лого и каталог тоже выехали за границы.
При этом поиск стал неактивен.
#20
Отправлено 26 Январь 2016 - 02:51
.form-search { float: right; position: relative; padding: 0px 7px; line-height: 47px; }
замените на:
.form-search { float: right; position: absolute; margin: 0px 7px; line-height: 47px; z-index: 99; display: block; right: 0; top: 55px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных