Меню Личного Кабинета
#1
Отправлено 29 Октябрь 2015 - 09:51
В поиске подобной темы не нашла.
Очень долго пытаюсь убрать меню входа в личный кабинет, но к сожалению попытки тщетны. Если просто удаляю код - то получается ерунда, пустое место. Как бы этот момент сгладить)
скрин: http://savepic.su/6294688.png
так же интересует возможность вместо верхнего выпадающего меню сделать обычное, плюс убрать поле email, оставив только телефон.
Заранее благодарю за ответы)
#2
Отправлено 29 Октябрь 2015 - 10:01
Janna_Brauer (29 Октябрь 2015 - 09:51) писал:
В поиске подобной темы не нашла.
Очень долго пытаюсь убрать меню входа в личный кабинет, но к сожалению попытки тщетны. Если просто удаляю код - то получается ерунда, пустое место. Как бы этот момент сгладить)
скрин: http://savepic.su/6294688.png
так же интересует возможность вместо верхнего выпадающего меню сделать обычное, плюс убрать поле email, оставив только телефон.
Заранее благодарю за ответы)
Здравствуйте.
Сделайте, пожалуйста, следующее:
В самый конец шаблона main.css добавьте данный код:
.logo.col-lg-3.col-md-2.col-xs-12 a:nth-child(2) { width: 173px; margin: 0 auto; display: block; } .block-email-contact { display: none !important; } .block-email-title.rhombus { display: none; }
#3
Отправлено 30 Октябрь 2015 - 16:04
Janna_Brauer (29 Октябрь 2015 - 09:51) писал:
В поиске подобной темы не нашла.
Очень долго пытаюсь убрать меню входа в личный кабинет, но к сожалению попытки тщетны. Если просто удаляю код - то получается ерунда, пустое место. Как бы этот момент сгладить)
скрин: http://savepic.su/6294688.png
так же интересует возможность вместо верхнего выпадающего меню сделать обычное, плюс убрать поле email, оставив только телефон.
Заранее благодарю за ответы)
Здравствуйте, если Вы хотите удалить блок личного кабинета в подвале и оставить только 3 блока в подвале, то
Удаляем ненужный блок личного кабинета
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12"> <div class="block-title"> <h3>Личный кабинет</h3> </div> <div class="footer-content"> <ul> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li> <li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li> {% ENDIF %} </ul> </div> </div>
Далее в шаблоне HTML находим (в 3 местах)
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12">Заменяем на
<div class="col-sm-4 col-sms-12">
Так же не забудьте удалить данную строку в шаблоне HTML
<div class="clear-resp"></div>
По аналогии вы можете удалить любой из не нужных вам блоков и разделить подвал на нужное вам количество блоков.
Или Вы можете заменить блок личного кабинета на другую нужную вам информацию
#4
Отправлено 07 Ноябрь 2015 - 10:42
Искала по форумам, как сделать логотип по центру, но в шаблоне лето не обнаружила.
Желательно, чтобы размещался прямо над пунктом "безалкогольные пантовые фитобальзамы".
Плюс, нерешенный вопрос с меню - сделать его не выпадающим, а открытым, как список каталогов чуть ниже.
http://savepic.su/6369091.png
#5
Отправлено 07 Ноябрь 2015 - 11:42
Janna_Brauer (07 Ноябрь 2015 - 10:42) писал:
Искала по форумам, как сделать логотип по центру, но в шаблоне лето не обнаружила.
Желательно, чтобы размещался прямо над пунктом "безалкогольные пантовые фитобальзамы".
Плюс, нерешенный вопрос с меню - сделать его не выпадающим, а открытым, как список каталогов чуть ниже.
http://savepic.su/6369091.png
Здравствуйте! Чтобы выровнять логотип по центру, в конец шаблона main.css вставьте строки:
.header-middle.index .col-sm-2.col-xs-9 { margin: 0 auto; float: none; }затем в шаблоне html найдите строку
<div class="col-left col-sm-2 col-xs-9">и удалите "col-left"
#6
Отправлено 07 Ноябрь 2015 - 13:28
RedHead (07 Ноябрь 2015 - 11:42) писал:
.header-middle.index .col-sm-2.col-xs-9 { margin: 0 auto; float: none; }затем в шаблоне html найдите строку
<div class="col-left col-sm-2 col-xs-9">и удалите "col-left"
#7
Отправлено 07 Ноябрь 2015 - 15:59
1) в шаблоне main.css удалите строки
.header-middle.index .col-sm-2.col-xs-9 { margin: 0 auto; float: none; }2) Далее в шаблоне HTML найдите данный блок кода:
<div class=" col-sm-2 col-xs-9"> <div class="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}"> </a> </div> </div> <div class="col-right col-sm-10 col-xs-3">
начинается примерно на 190 строке , замените его на:
<div class="col-sm-12 col-xs-12"> <div class="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}"> </a> </div> </div> <div class="col-sm-3 col-xs-3"></div> <div class="col-sm-9 col-xs-9">
3) Далее в шаблон main.css , в его начало добавьте строку :
.logo{width:150px;margin:0 auto;} #custommenu{margin-top:70px}
4) Далее в этом же шаблоне найдите код :
.header-top .block-menu .block-menu-links {overflow:visible;height:auto;position: absolute;left: -1px;top: 100%;background: #fff;width: 200px;max-width: 300px;padding: 0;margin: 0;border: 1px solid #dddddd;z-index: 99;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;} .header-top .block-menu:hover .block-menu-links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
замените его на :
.header-top .block-menu .block-menu-links {overflow:visible;height:auto;position: absolute;left: -1px;top: 135%;background: #fff;width: 200px;max-width: 300px;padding: 0;margin: 0;border: 1px solid #dddddd;z-index: 99;opacity: 1;filter: alpha(opacity=1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
Далее в самый конец шаблона main.css добавьте код :
@media all and (min-width: 320px) and (max-width: 790px) { #custommenu{margin-top:0;} .header-top .block-menu .block-menu-links{opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);} }
Логотип должен корректно расположиться по центру и появится статичное меню, которое Вы прислали в скриншоте.
#8
Отправлено 08 Ноябрь 2015 - 11:28
RedHead (07 Ноябрь 2015 - 15:59) писал:
Но вниз из-под него уехало меню каталогов, а статичное меню просто выпало и застыло, хотелось бы его расположить горизонтально.
+ возможно ли сделать, чтобы логотип прятался, когда страницу листаешь вниз, и оставлял бы только меню каталога?
в мыслях примерно такое)
http://savepic.su/6477199.png
сверху где на скрине меню "женщинам, мужчинам, детям" - проставить меню, которое сейчас выпало статичным. логотип увести наверх, телефон убрать, и поиск ниже.
#9
Отправлено 10 Ноябрь 2015 - 11:22
возможно ли полностью избавиться от кнопки и выпадающего меню из нее? и придвинуть на ее место телефон/почту, влево?
http://savepic.su/6484302.png
http://savepic.su/6473038.png
#10
Отправлено 10 Ноябрь 2015 - 11:50
Janna_Brauer (10 Ноябрь 2015 - 11:22) писал:
возможно ли полностью избавиться от кнопки и выпадающего меню из нее? и придвинуть на ее место телефон/почту, влево?
http://savepic.su/6484302.png
http://savepic.su/6473038.png
Здравствуйте, чтобы удалить блок меню, найдите в шаблоне HTML код и удалите его:
<!-- Верхнее меню --> <div class="block-menu"> <div class="block-menu-title rhombus"> <i class="fa fa-bookmark-o" title="Меню"> </i> </div> <ul class="block-menu-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div>
#11
Отправлено 10 Ноябрь 2015 - 12:13
Janna_Brauer (08 Ноябрь 2015 - 11:28) писал:
Но вниз из-под него уехало меню каталогов, а статичное меню просто выпало и застыло, хотелось бы его расположить горизонтально.
+ возможно ли сделать, чтобы логотип прятался, когда страницу листаешь вниз, и оставлял бы только меню каталога?
в мыслях примерно такое)
http://savepic.su/6477199.png
сверху где на скрине меню "женщинам, мужчинам, детям" - проставить меню, которое сейчас выпало статичным. логотип увести наверх, телефон убрать, и поиск ниже.
По поводу логотипа. Выполните, пожалуйста, все инструкции, что вам написали в сообщении № 7, только в третьем пункте код
.logo{width:150px;margin:0 auto;} #custommenu{margin-top:70px}
добавьте код:
.logo{width:150px;margin:0 auto;position:relative; top:-25px;} #custommenu{margin-top:-20px}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных