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


Как Перенести На Вверх Контакты


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

#1 omiside

omiside

    Новичок

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

Отправлено 17 Апрель 2016 - 23:27

Изображение как сделать как показанно на картинке? Какой код нужно использывать?

Если что аккаунт SL-383820

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

  • как.jpg


#2 Danil

Danil

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

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

Отправлено 18 Апрель 2016 - 09:18

Просмотр сообщенияomiside (17 Апрель 2016 - 23:27) писал:

Изображение как сделать как показанно на картинке? Какой код нужно использывать?

Если что аккаунт SL-383820
Здравствуйте.
В шаблоне html найдите код
<!-- /END Меню навигации в шапке -->
		  </div>
и замените на
<!-- /END Меню навигации в шапке -->
		  </div>
		  <div class="col-md-9 col-xs-12 header-contact">
						<div class="footer-title">
			  <h4>Контакты</h4>
			</div>
			<div class="footer-contact">
			  {% IF SETTINGS_STORE_REGION %}<p class="adres"><em class="fa fa-map-marker">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
			</div>
		  </div>
В конец main.css добавьте
.col-md-9.col-xs-12.header-contact .footer-contact p:first-child {
	padding: 0;
}
.col-md-9.col-xs-12.header-contact .footer-contact p {
	display: inline-block;
	margin: 20px 0 0 0;
	font-size: 18px;
	padding: 0 0 0 10px;
}
.col-md-9.col-xs-12.header-contact {
	margin: 20px 0 0 0;
}


#3 omiside

omiside

    Новичок

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

Отправлено 18 Апрель 2016 - 11:44

Просмотр сообщенияDanil (18 Апрель 2016 - 09:18) писал:

Здравствуйте.
В шаблоне html найдите код
<!-- /END Меню навигации в шапке -->
		 </div>
и замените на
<!-- /END Меню навигации в шапке -->
		 </div>
		 <div class="col-md-9 col-xs-12 header-contact">
					 <div class="footer-title">
			 <h4>Контакты</h4>
		 </div>
		 <div class="footer-contact">
			 {% IF SETTINGS_STORE_REGION %}<p class="adres"><em class="fa fa-map-marker">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
		 </div>
		 </div>
В конец main.css добавьте
.col-md-9.col-xs-12.header-contact .footer-contact p:first-child {
padding: 0;
}
.col-md-9.col-xs-12.header-contact .footer-contact p {
display: inline-block;
margin: 20px 0 0 0;
font-size: 18px;
padding: 0 0 0 10px;
}
.col-md-9.col-xs-12.header-contact {
margin: 20px 0 0 0;
}
получилось но кривовато, http://filmebel.storeland.ru вот как вышло на сайте можете глянуть. Есть вариант как это ограничить? а то-есть меньше сделать?

И как можно прикрепить пару фото на главной до товаров и что-бы при клике на фото они в большие раскрывались?

#4 omiside

omiside

    Новичок

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

Отправлено 18 Апрель 2016 - 14:04

Вопрос главнее... Как сделать что бы подменю с товарами вылазили в бок, а не открывались вниз?

#5 Юля123

Юля123

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

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

Отправлено 18 Апрель 2016 - 16:09

Просмотр сообщенияomiside (18 Апрель 2016 - 11:44) писал:

получилось но кривовато, http://filmebel.storeland.ru вот как вышло на сайте можете глянуть. Есть вариант как это ограничить? а то-есть меньше сделать?

И как можно прикрепить пару фото на главной до товаров и что-бы при клике на фото они в большие раскрывались?

Здравствуйте, в main.css в коде:

.col-md-9.col-xs-12.header-contact .footer-contact p {
	 display: inline-block;
	 margin: 20px 0 0 0;
	 font-size: 18px;
	 padding: 0 0 0 10px;
}

и заменяйте значение 18 у свойства font-size, чтобы уменьшить шрифт этого блока.


В коде:

.col-md-9.col-xs-12.header-contact {
margin: 20px 0 0 0;
}

изменяйте значение 20, чтобы уменьшить отступ сверху.

Возможно, так же Вам понравится вариант, добавления кода без подписи "контакты", т.е. код:


<!-- /END Меню навигации в шапке -->
				 </div>
				 <div class="col-md-9 col-xs-12 header-contact">
										 <div class="footer-title">
						 <h4>Контакты</h4>
				 </div>
				 <div class="footer-contact">
						 {% IF SETTINGS_STORE_REGION %}<p class="adres"><em class="fa fa-map-marker">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
				 </div>
				 </div>


замените на код:

<!-- /END Меню навигации в шапке -->
				 </div>
				 <div class="col-md-9 col-xs-12 header-contact">
				 <div class="footer-contact">
						 {% IF SETTINGS_STORE_REGION %}<p class="adres"><em class="fa fa-map-marker">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
						 {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
				 </div>
				 </div>


Далее чтобы сделать галерею картинок перед товарами, попробуйте воспользоваться инструкцией: http://forum.storela...ий/#entry234052


код добавляйте в шаблоне HTML после кода:

		 <!-- /END Slider Слайдер -->


Просмотр сообщенияomiside (18 Апрель 2016 - 14:04) писал:

Вопрос главнее... Как сделать что бы подменю с товарами вылазили в бок, а не открывались вниз?


Попробуйте код в main.css :

.block-menu-content ul.sub {padding-left:15px; }

заменить на код:

.block-menu-content ul.sub {
padding-left: 15px;
position: absolute;
left: 243px;
width: 290px;
top: 0;
z-index: 99999;
}


#6 janjak

janjak

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

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

Отправлено 18 Апрель 2016 - 17:56

Подскажите, как добавить сюда две строки Адрес и прямо под ней Телефон?

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

  • 4.png


#7 Vaccina

Vaccina

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

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

Отправлено 19 Апрель 2016 - 03:07

В шаблоне HTML найдите:
<div class="col-md-9 col-xs-12">
			<!-- Меню навигации в шапке -->
			<div id="custommenu">
			  <!-- Каталог в шапке -->
			  <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			  {% IF MENU_CATALOG %}
			  <ul class="mainnav">
				{% 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 %}">{catalog_full.NAME}</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 %}
			  </ul>
			  {% ELSE %}
			  <!-- Меню в шапке -->
			  <ul class="menunav">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			  {% ENDIF %}
			</div>
			<div id="mommenu" class="menu-collapse">
			  <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				<i class="fa fa-bars"></i>
			  </span>
			  <span class="menu_catalog">Каталог</span>
			  <div class="menu_collapse_wrap">
				<div id="menu_collapse" class="mainnav collapse">
				  <ul>
				  {% IFNOT catalog_full_empty %}
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</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>
				</div>
			  </div>
			</div>
			<!-- /END Меню навигации в шапке -->
		  </div>

замените на:
<div class="col-md-6 col-xs-12">
			<!-- Меню навигации в шапке -->
			<div id="custommenu">
			  <!-- Каталог в шапке -->
			  <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			  {% IF MENU_CATALOG %}
			  <ul class="mainnav">
				{% 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 %}">{catalog_full.NAME}</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 %}
			  </ul>
			  {% ELSE %}
			  <!-- Меню в шапке -->
			  <ul class="menunav">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			  {% ENDIF %}
			</div>
			<div id="mommenu" class="menu-collapse">
			  <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				<i class="fa fa-bars"></i>
			  </span>
			  <span class="menu_catalog">Каталог</span>
			  <div class="menu_collapse_wrap">
				<div id="menu_collapse" class="mainnav collapse">
				  <ul>
				  {% IFNOT catalog_full_empty %}
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</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>
				</div>
			  </div>
			</div>
			<!-- /END Меню навигации в шапке -->
		  </div>
	<div class="col-md-3 col-xs-12 contacts">
	 <p>адрес</p>
	 <p>телефон</p>
	</div>

текст замените на необходимый

#8 omiside

omiside

    Новичок

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

Отправлено 19 Апрель 2016 - 11:39

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

#9 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 19 Апрель 2016 - 14:37

Просмотр сообщенияomiside (19 Апрель 2016 - 11:39) писал:

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
// Menu > Sidebar Боковое меню > сохранение открытой вложенности
jQuery(document).ready(function($){
$('.block.menu .parent:not(".active") a').next('.sub').css('display', 'none');
$('.block.menu .parent a .open-sub').click(function(event){
event.preventDefault();
if ($(this).closest('.parent').hasClass('active')) {
	 $(this).parent().next('.sub').slideUp(600);
	 $(this).closest('.parent').removeClass('active');
	 $(this).closest('.open-sub').removeClass('active');
} else {
	 $(this).parent().next('.sub').slideDown(600);
	 $(this).closest('.parent').addClass('active');
	 $(this).closest('.open-sub').addClass('active');
}
});
});

Замените на:
// Menu > Sidebar Боковое меню > сохранение открытой вложенности
jQuery(document).ready(function($){
$('.block.menu .parent:not(".active") a').next('.sub').css('display', 'none');
$('.block.menu .parent').hover(function(event){
	 $(this).find('.sub').slideDown(600);
	 $(this).addClass('active');
	 $(this).find('.open-sub').addClass('active');
}, function(){
	 $(this).find('.sub').slideUp(600);
	 $(this).removeClass('active');
	 $(this).find('.open-sub').removeClass('active');
});
});


#10 janjak

janjak

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

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

Отправлено 19 Апрель 2016 - 17:07

Здравствуйте!
Подскажите, пожалуйста, как теперь шрифт изменить, жирным сделать

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

  • 4.png


#11 Юля123

Юля123

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

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

Отправлено 19 Апрель 2016 - 17:12

Просмотр сообщенияjanjak (19 Апрель 2016 - 17:07) писал:

Здравствуйте!
Подскажите, пожалуйста, как теперь шрифт изменить, жирным сделать

Здравствуйте, в конце main.css добавьте код:


.contacts p {
	font-weight: bold;
}


#12 janjak

janjak

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

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

Отправлено 29 Апрель 2016 - 16:15

Подскажите, стиль шрифта и цвет как сделать таким же, как и у разделов?

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

  • 4.png


#13 Danil

Danil

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

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

Отправлено 29 Апрель 2016 - 16:38

Просмотр сообщенияjanjak (29 Апрель 2016 - 16:15) писал:

Подскажите, стиль шрифта и цвет как сделать таким же, как и у разделов?
В main.css найдите код
.contacts p {
	font-weight: bold;
}
и замените ан
.contacts p {
	padding: 5px 5px;
	color: #696c79;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}


#14 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 07 Июнь 2016 - 14:00

Просмотр сообщенияFirefly (19 Апрель 2016 - 14:37) писал:

Здравствуйте. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
 // Menu > Sidebar Боковое меню > сохранение открытой вложенности jQuery(document).ready(function($){ $('.block.menu .parent:not(".active") a').next('.sub').css('display', 'none'); $('.block.menu .parent a .open-sub').click(function(event){ event.preventDefault(); if ($(this).closest('.parent').hasClass('active')) { $(this).parent().next('.sub').slideUp(600); $(this).closest('.parent').removeClass('active'); $(this).closest('.open-sub').removeClass('active'); } else { $(this).parent().next('.sub').slideDown(600); $(this).closest('.parent').addClass('active'); $(this).closest('.open-sub').addClass('active'); } }); }); 
Замените на:
 // Menu > Sidebar Боковое меню > сохранение открытой вложенности jQuery(document).ready(function($){ $('.block.menu .parent:not(".active") a').next('.sub').css('display', 'none'); $('.block.menu .parent').hover(function(event){ $(this).find('.sub').slideDown(600); $(this).addClass('active'); $(this).find('.open-sub').addClass('active'); }, function(){ $(this).find('.sub').slideUp(600); $(this).removeClass('active'); $(this).find('.open-sub').removeClass('active'); }); }); 

Сделал так же, работает,но
нужно что бы в разрешении до 1200 отображалось тоже хорошо.

#15 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 07 Июнь 2016 - 14:11

Просмотр сообщенияUltraMag (07 Июнь 2016 - 14:00) писал:

Сделал так же, работает,но
нужно что бы в разрешении до 1200 отображалось тоже хорошо.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
@media all and (max-width: 1199px) {
.link-follow {margin: 0 auto 20px;width: 212px;}
.box-up-sell .products-grid .item .item-inner .product-name a {}
}

Замените на:
@media all and (max-width: 1199px) {
.link-follow {margin: 0 auto 20px;width: 212px;}
.box-up-sell .products-grid .item .item-inner .product-name a {}
.block-menu-content ul.sub {left: 210px;}
}


#16 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 07 Июнь 2016 - 14:15

Спасибо!

#17 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 07 Июнь 2016 - 14:44

Нужно сделать так чтобы при разрешении до 992 скрипт по авто открыванию подкатегорий не работал.

#18 Vaccina

Vaccina

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

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

Отправлено 08 Июнь 2016 - 07:22

Опишите пожалуйста подробней о каком блоке идет речь, так как у вас в мобильном разрешении и на пк имеется 2 вида меню с категориями.

#19 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 504 сообщений
  • ГородСамара

Отправлено 08 Июнь 2016 - 08:36

Сам протестировал, вроде как ничего можно и так оставить.

Нужно верхнее меню в шапке сделать по центру экрана.
Время работы и тел. в шапке так и стоят и выравниваются по центру, а с меню никак!

#20 Юля123

Юля123

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

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

Отправлено 08 Июнь 2016 - 09:49

Просмотр сообщенияadmin (08 Июнь 2016 - 08:36) писал:

Сам протестировал, вроде как ничего можно и так оставить.

Нужно верхнее меню в шапке сделать по центру экрана.
Время работы и тел. в шапке так и стоят и выравниваются по центру, а с меню никак!

Здравствуйте, в main.css найдите код:

#menunav{
position:relative;
}

и замените на код:
#menunav{position:relative;display: flex;justify-content: center;}





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

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