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


Меню Личного Кабинета


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

#1 Janna_Brauer

Janna_Brauer

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

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

Отправлено 29 Октябрь 2015 - 09:51

Доброго времени суток!

В поиске подобной темы не нашла.

Очень долго пытаюсь убрать меню входа в личный кабинет, но к сожалению попытки тщетны. Если просто удаляю код - то получается ерунда, пустое место. Как бы этот момент сгладить)

скрин: http://savepic.su/6294688.png

так же интересует возможность вместо верхнего выпадающего меню сделать обычное, плюс убрать поле email, оставив только телефон.

Заранее благодарю за ответы)

#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 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 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 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 Janna_Brauer

Janna_Brauer

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

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

Отправлено 07 Ноябрь 2015 - 10:42

Благодарю всех за помощь, но образовались еще вопросы)
Искала по форумам, как сделать логотип по центру, но в шаблоне лето не обнаружила.
Желательно, чтобы размещался прямо над пунктом "безалкогольные пантовые фитобальзамы".

Плюс, нерешенный вопрос с меню - сделать его не выпадающим, а открытым, как список каталогов чуть ниже.
http://savepic.su/6369091.png

#5 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 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 Janna_Brauer

Janna_Brauer

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

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

Отправлено 07 Ноябрь 2015 - 13:28

Просмотр сообщенияRedHead (07 Ноябрь 2015 - 11:42) писал:

Здравствуйте! Чтобы выровнять логотип по центру, в конец шаблона 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"
Большое спасибо вам за код, но он почему - то действует только на главной странице. когда захожу в каталог товаров, или по статьям - он возвращается влево.

#7 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 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 Janna_Brauer

Janna_Brauer

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

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

Отправлено 08 Ноябрь 2015 - 11:28

Просмотр сообщенияRedHead (07 Ноябрь 2015 - 15:59) писал:

Логотип должен корректно расположиться по центру и появится статичное меню, которое Вы прислали в скриншоте.
Логотип отобразился, претензий нет)

Но вниз из-под него уехало меню каталогов, а статичное меню просто выпало и застыло, хотелось бы его расположить горизонтально.

+ возможно ли сделать, чтобы логотип прятался, когда страницу листаешь вниз, и оставлял бы только меню каталога?

в мыслях примерно такое)
http://savepic.su/6477199.png
сверху где на скрине меню "женщинам, мужчинам, детям" - проставить меню, которое сейчас выпало статичным. логотип увести наверх, телефон убрать, и поиск ниже.

#9 Janna_Brauer

Janna_Brauer

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

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

Отправлено 10 Ноябрь 2015 - 11:22

Дабы не загаживать форум одинаковыми темами, пишу вопрос в эту ветку.

возможно ли полностью избавиться от кнопки и выпадающего меню из нее? и придвинуть на ее место телефон/почту, влево?
http://savepic.su/6484302.png
http://savepic.su/6473038.png

#10 Юля123

Юля123

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

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

Отправлено 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="Меню">&nbsp;</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 Юля123

Юля123

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

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

Отправлено 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 анонимных