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


Переделать Главную


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

#41 UGIN

UGIN

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

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

Отправлено 26 Август 2016 - 14:05

Просмотр сообщенияVaccina (26 Август 2016 - 05:08) писал:

Инструкция по данному вопросу:
http://forum.storela...ыпадающее-меню/

В ней идет обсуждение реализации через раздел Сайт - Меню.
Сразуже на первом пункте затуп!
"2) Затем там же создайте дополнительное меню с названием "Выпадающее меню" и переменой header, сверху там же нажмите "Создать блок меню".меню с такой переменной у меня уже есть? Если я ставлю "header2", то по тойинструкции оно работать не будет?

#42 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 01 Сентябрь 2016 - 12:37

Просмотр сообщенияUGIN (26 Август 2016 - 14:05) писал:

Сразуже на первом пункте затуп!
"2) Затем там же создайте дополнительное меню с названием "Выпадающее меню" и переменой header, сверху там же нажмите "Создать блок меню".меню с такой переменной у меня уже есть? Если я ставлю "header2", то по тойинструкции оно работать не будет?

Если Вы измените переменную работать будет, но для этого Вам необходимо будет так же внести правки в код, т.е. в блоке
<!-- Верхний блок навигации -->
<div class="containerin col-" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
<li><a href="ссылка" title="На главную">Главная</a></li>
<li><a href="ссылка" title="В каталог">Каталог</a></li>
<li><a href="ссылка" title="Помощь">Помощь</a>
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="Контакты">Контакты</a></li>
<li><a href="ссылка" title="Корзина">Корзина</a></li>
<li><a href="ссылка" title="Личный кабинет">Войти в ЛК</a></li>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
header1 заменяем на header2

#43 UGIN

UGIN

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

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

Отправлено 01 Сентябрь 2016 - 13:56

Добрый день! вот осталось пара проблем)))
  • если начинаем сужать экран, то корзина и поиск сдвигаются в непонятном мне направлении, а меню в шапке вообще пропадает.
  • блог на главной, опять же на более узком экране, он уезжает как показано на скрине.

Прикрепленные изображения

  • 2016-09-01_12-59-04.png
  • 2016-09-01_12-59-29.png
  • 2016-09-01_12-59-43.png


#44 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Сентябрь 2016 - 04:29

В шаблоне HTML найдите:
<div class="logo col-lg-6 col-md-6 col-xs-12">

замените на:
<div class="logo col-lg-6 col-md-6 col-sm-9 col-xs-12">

В main.css найдите:
.navbar-collapse {
	top: 50px;
}

перед ним пропишите:
.header-top .header-top-left .top-navbar{width:100%;}
.header-top .header-top-left .top-navbar .btn-top-navbar {
	display: block;
	position: relative;
	float: right;
	width: 100%;
}

на счет блога попробуйте удалить:
.list-blog .owl-item {
	width: 90% !important;
}


#45 UGIN

UGIN

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

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

Отправлено 06 Сентябрь 2016 - 22:00

Просмотр сообщенияVaccina (02 Сентябрь 2016 - 04:29) писал:

В шаблоне HTML найдите:
<div class="logo col-lg-6 col-md-6 col-xs-12">

замените на:
<div class="logo col-lg-6 col-md-6 col-sm-9 col-xs-12">

В main.css найдите:
.navbar-collapse {
top: 50px;
}

перед ним пропишите:
.header-top .header-top-left .top-navbar{width:100%;}
.header-top .header-top-left .top-navbar .btn-top-navbar {
display: block;
position: relative;
float: right;
width: 100%;
}

на счет блога попробуйте удалить:
.list-blog .owl-item {
width: 90% !important;
}
Всё так-же корзина и посик и кнопка меню уезжает))
если удаляю код для блога, то он крайне криво всстает

Прикрепленные изображения

  • 2016-09-06_21-58-26.png


#46 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Сентябрь 2016 - 01:46

Попробуйте следующее, в main.css найдите:
#header .header-top-left {
	height: 50px;
	width: 90px;
	float: left;
}
замените на:
#header .header-top-left {
	height: 50px;
}

В шаблоне HTML найдите:
<div class="logo col-lg-6 col-md-6 col-sm-9 col-xs-12">
																								 <div class="logo_img">
																										 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
																										 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px;">
																										 </a>
																								 </div>
																								 <div class="logo_text">
																								 <p>Проектирование и продажа <br>домашней автоматики</p>
																								   </div>  </div>			 
<!-- Основное меню -->
												  <div class="header-top-left col-lg-6 col-md-9 col-sm-3 col-xs-12">

замените на:
<div class="logo col-lg-6 col-md-6 col-sm-6 col-xs-6">
																								 <div class="logo_img">
																										 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
																										 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px;">
																										 </a>
																								 </div>
																								 <div class="logo_text">
																								 <p>Проектирование и продажа <br>домашней автоматики</p>
																								   </div>  </div>			 
<!-- Основное меню -->
												  <div class="header-top-left col-lg-6 col-md-9 col-sm-6 col-xs-6">


#47 UGIN

UGIN

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

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

Отправлено 08 Сентябрь 2016 - 09:55

Просмотр сообщенияVaccina (07 Сентябрь 2016 - 01:46) писал:

Попробуйте следующее, в main.css найдите:
#header .header-top-left {
height: 50px;
width: 90px;
float: left;
}
замените на:
#header .header-top-left {
height: 50px;
}

В шаблоне HTML найдите:
<div class="logo col-lg-6 col-md-6 col-sm-9 col-xs-12">
																								 <div class="logo_img">
																										 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
																										 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px;">
																										 </a>
																								 </div>
																								 <div class="logo_text">
																								 <p>Проектирование и продажа <br>домашней автоматики</p>
																								 </div> </div>			
<!-- Основное меню -->
												 <div class="header-top-left col-lg-6 col-md-9 col-sm-3 col-xs-12">

замените на:
<div class="logo col-lg-6 col-md-6 col-sm-6 col-xs-6">
																								 <div class="logo_img">
																										 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
																										 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px;">
																										 </a>
																								 </div>
																								 <div class="logo_text">
																								 <p>Проектирование и продажа <br>домашней автоматики</p>
																								 </div> </div>			
<!-- Основное меню -->
												 <div class="header-top-left col-lg-6 col-md-9 col-sm-6 col-xs-6">
thanks you very much




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных