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


Элемент Шапки

Автор Сергей Иванов, 27 сент. 2015 13:23

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

#1 Сергей Иванов

Сергей Иванов

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

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

Отправлено 27 Сентябрь 2015 - 13:23

Скажите а можно ли, перенести из шаблона "Весна" блок в шапке, который скрывается/раскрывается, к моей шапке, просто блок без кнопок и прочего, там я хочу прописать тел, адрес, e-mail. А на кнопке которая сворачивает и разворачивает написать "контакты+"

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

  • 11.jpg

#2 Сергей Иванов

Сергей Иванов

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

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

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

Тех. поддержка) кто живой?? отзовитесь!)

#3 Сергей Иванов

Сергей Иванов

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

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

Отправлено 29 Сентябрь 2015 - 05:28

АААУ УУУУ ну помогите кто-нибудь

#4 Сергей Иванов

Сергей Иванов

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

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

Отправлено 29 Сентябрь 2015 - 08:56

Блин ребят ну так не делается( вы скажите либо да либо нет

#5 Cupuyc

Cupuyc

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

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

Отправлено 29 Сентябрь 2015 - 12:31

Просмотр сообщенияСергей Иванов (27 Сентябрь 2015 - 13:23) писал:

Скажите а можно ли, перенести из шаблона "Весна" блок в шапке, который скрывается/раскрывается, к моей шапке, просто блок без кнопок и прочего, там я хочу прописать тел, адрес, e-mail. А на кнопке которая сворачивает и разворачивает написать "контакты+"

Здравствуйте, пожалуйста уточните, Вам необходимо убрать каталог из "шапки" и добавить в неё телефон, адрес, e-mail, изменив её цвет?

#6 Сергей Иванов

Сергей Иванов

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

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

Отправлено 29 Сентябрь 2015 - 13:52

Вот сейчас как есть так все и остается, нужно сделать вот тот самый сворачивающийся блок выше из темы весна, там будет прописан телефон и контакты

#7 Vaccina

Vaccina

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

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

Отправлено 30 Сентябрь 2015 - 01:21

В шаблоне HTML найдите:
<!-- Верхняя часть Шапки -->
				  <div id="header-top" class="wrap">

после него пропишите:
<div class="spoiler_body" style="display: none;">
				  <ul>
				{% IF SETTINGS_STORE_REGION %}<li><em class="fa fa-location-arrow">&nbsp;</em>{SETTINGS_STORE_REGION}</li>{% ENDIF %}
				{% IF SETTINGS_STORE_WORK_TIME %}<li><em class="fa fa-clock-o">&nbsp;</em>{SETTINGS_STORE_WORK_TIME}</li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><em class="fa fa-phone">&nbsp;</em>Телефон: <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></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li><em class="fa fa-phone">&nbsp;</em>Телефон: <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></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li><em class="fa fa-phone">&nbsp;</em>Телефон: <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></li>{% ENDIF %}
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li><em class="fa fa-envelope">&nbsp;</em>Email: <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			  </ul>
				  </div>
				  <a href="" class="spoiler_links">Контакты +</a>

В конец main.js пропишите:
$(document).ready(function(){
$('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
});
});


В main.css найдите:
/* Верхняя часть шапки */
#header-top {background: #3f3f3f;height: 42px;position: fixed; z-index: 870;}

замените на:
/* Верхняя часть шапки */
#header-top {background: #3f3f3f;position: fixed; z-index: 870;}
#header-top .spoiler_links {
	margin-bottom: -35px;
	display: block;
	padding: 5px;
}
#header-top .spoiler_body li {
	display: inline-block;
	padding: 10px;
}

#8 Сергей Иванов

Сергей Иванов

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

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

Отправлено 30 Сентябрь 2015 - 18:18

Так то все получилось)) но давайте лучше уберем слово контакты, и сделаем  просто "+" и "-" точь в точь как в демо "весна"

#9 Vaccina

Vaccina

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

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

Отправлено 01 Октябрь 2015 - 03:42

В шаблоне HTML найдите:
<a href="" class="spoiler_links">Контакты +</a>
замените на:
<a href="" class="spoiler_links">+</a>

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

#10 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Октябрь 2015 - 05:04

Сделано!)

#11 Vaccina

Vaccina

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

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

Отправлено 01 Октябрь 2015 - 05:14

В main.css найдите:
#header-top .spoiler_links {
	margin-bottom: -35px;
	display: block;
	padding: 5px;
}

замените на:
#header-top .spoiler_links {
	margin-bottom: -35px;
	display: block;
	padding: 5px;
	height: 30px;
	width: 30px;
	background:#fff;
	text-align: center;
}
#header-top .spoiler_links:before {
	content: "+";
}
#header-top .spoiler_links.active:before {
	content: "-";
}

В main.js найдите:
$(document).ready(function(){
$('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
});
});

замените на:
$(document).ready(function(){
$('.spoiler_links').click(function(){
  $(this).toggleClass('active');
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
});
});

В шаблоне HTML найдите:
<a href="" class="spoiler_links">+</a>
замените на:
<a href="" class="spoiler_links"></a>

#12 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Октябрь 2015 - 06:40

Прекрасно)
1) Поднять меню шапки на одну строку с "+"
2) Уменьшить высоту полоски до 50px

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

  • 111.jpg

#13 Vaccina

Vaccina

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

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

Отправлено 01 Октябрь 2015 - 07:18

В main.css найдите:
#header-top .header-col-right {
	line-height: 40px;
	margin-top: -65px;
}

замените на:
#header-top .container {
	margin-top: -15px;
	height: 28px;
}
#header-top .header-col-right {
	line-height: 40px;
	margin-top: -30px;
}

#14 Сергей Иванов

Сергей Иванов

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

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

Отправлено 02 Октябрь 2015 - 05:36

СпасибО! А сдвинуть "+" правее? Как сделать чтобы можно информацию прописать вручную в меню, которое "+" раскрывает?

#15 Vaccina

Vaccina

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

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

Отправлено 02 Октябрь 2015 - 06:15

Найдите в шаблоне HTML:
<div class="spoiler_body" style="display: none;">
								  <ul>
								{% IF SETTINGS_STORE_REGION %}<li><em class="fa fa-location-arrow">&nbsp;</em>{SETTINGS_STORE_REGION}</li>{% ENDIF %}
								{% IF SETTINGS_STORE_WORK_TIME %}<li><em class="fa fa-clock-o">&nbsp;</em>{SETTINGS_STORE_WORK_TIME}</li>{% ENDIF %}
								{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><em class="fa fa-phone">&nbsp;</em>Телефон: <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></li>{% ENDIF %}
								{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li><em class="fa fa-phone">&nbsp;</em>Телефон: <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></li>{% ENDIF %}
								{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li><em class="fa fa-phone">&nbsp;</em>Телефон: <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></li>{% ENDIF %}
								{% IF SETTINGS_STORE_EMAIL_MAIN %}<li><em class="fa fa-envelope">&nbsp;</em>Email: <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
						  </ul>
								  </div>

внутри <div></div> вписывайте необходимую информацию.

Уточните пожалуйста знак "+" должен быть прижат к логотипу или как-то иначе?

#16 Сергей Иванов

Сергей Иванов

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

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

Отправлено 02 Октябрь 2015 - 06:26

А давайте прижмем)

#17 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2015 - 00:20 

#header-top .spoiler_links {
		margin-bottom: -35px;
		display: block;
		padding: 5px;
		height: 30px;
		width: 30px;
		background:#fff;
		text-align: center;
}
замените на:
#header-top .spoiler_links {
		margin-bottom: -35px;
		display: block;
		padding: 5px;
		height: 30px;
		width: 30px;
		background:#fff;
		text-align: center;
		margin-left: 60px;
}

регулируйте положение кнопки с помощью изменения значения стиля margin-left: 60px;

#18 Сергей Иванов

Сергей Иванов

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

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

Отправлено 03 Октябрь 2015 - 05:31

ОК! Спасибо!
нигде не смог найти как поменять цвет иконки "поиск"?

#19 Сергей Иванов

Сергей Иванов

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

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

Отправлено 03 Октябрь 2015 - 05:40

Как вставить вместо "+" и "-" иконку телефона или местоположения?

#20 Firefly

Firefly

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

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

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

Просмотр сообщенияСергей Иванов (03 Октябрь 2015 - 05:40) писал:

Как вставить вместо "+" и "-" иконку телефона или местоположения?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
								  <a href="" class="spoiler_links"></a>

Замените на:
								  <a href="" id="sphone" class="fa fa-phone"></a>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
$('.spoiler_links').click(function(){

Замените на:
$('#sphone').click(function(){

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
#sphone {
	display: block;
	padding: 10px;
	height: 35px;
	width: 30px;
	margin: 5px 0 -35px 60px;
}

Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Ночь
  5. → Изменение общей стилистики
  6. Privacy Policy