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


Логотип


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

#1 galya.bu7

galya.bu7

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

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

Отправлено 24 Март 2016 - 18:48

Здравствуйте! аккаунт sl-381255 . Требуется вставить кнопку обратного звонка справа вместо корзины и сделать логотип посередине и во всю его величину. см. скрин

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

  • 2016-03-24 18-45-01 Скриншот экрана.png


#2 Danil

Danil

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

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

Отправлено 24 Март 2016 - 19:09

Просмотр сообщенияgalya.bu7 (24 Март 2016 - 18:48) писал:

Здравствуйте! аккаунт sl-381255 . Требуется вставить кнопку обратного звонка справа вместо корзины и сделать логотип посередине и во всю его величину. см. скрин
Здравствуйте.
В шаблоне html перед </head> вставьте
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
Далее найдите код
  <!-- Меню, Логотип, Корзина -->
	  <div class="header-bottom">
		<div class="container">
		  <div class="row">
			<!-- Личный кабинет -->
		   
			  <!-- Телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			  <div class="block-phone">
				<i class="fa fa-phone"></i>
				<span class="label">Телефон: </span>
				<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>
			  </div>
			  {% ENDIF %}
			</div>
		  
			<!-- Логотип -->
			<div class="col-lg-6 col-sm-4 col-sms-12 col-smb-12">
			  <div class="logo">
				<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>
		  </div>
		</div>
и замените на
<!-- Меню, Логотип, Корзина -->
	  <div class="header-bottom">
		<div class="container">
		  <div class="col-lg-3 col-sm-4 col-sms-12 col-smb-12">
		  <div class="row">
			<!-- Личный кабинет -->
		   
			  <!-- Телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			  <div class="block-phone">
				<i class="fa fa-phone"></i>
				<span class="label">Телефон: </span>
				<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>
			  </div>
			  {% ENDIF %}
			</div>
			</div>
		  
			<!-- Логотип -->
			<div class="col-lg-6 col-sm-4 col-sms-12 col-smb-12">
			  <div class="logo">
				<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>
			<div class="col-lg-3 col-sm-4 col-sms-12 col-smb-12"><a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a></div>
		  </div>
		</div>
В конец main.css добавьте
a.callback {
	font-size: 20px;
}


#3 galya.bu7

galya.bu7

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

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

Отправлено 24 Март 2016 - 20:52

Просмотр сообщенияDanil (24 Март 2016 - 19:09) писал:

Здравствуйте.
В шаблоне html перед </head> вставьте
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
Далее найдите код
<!-- Меню, Логотип, Корзина -->
	 <div class="header-bottom">
	 <div class="container">
		 <div class="row">
		 <!-- Личный кабинет -->
		
			 <!-- Телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			 <div class="block-phone">
			 <i class="fa fa-phone"></i>
			 <span class="label">Телефон: </span>
			 <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>
			 </div>
			 {% ENDIF %}
		 </div>
		
		 <!-- Логотип -->
		 <div class="col-lg-6 col-sm-4 col-sms-12 col-smb-12">
			 <div class="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
		 </div>
		 </div>
	 </div>
и замените на
<!-- Меню, Логотип, Корзина -->
	 <div class="header-bottom">
	 <div class="container">
		 <div class="col-lg-3 col-sm-4 col-sms-12 col-smb-12">
		 <div class="row">
		 <!-- Личный кабинет -->
		
			 <!-- Телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			 <div class="block-phone">
			 <i class="fa fa-phone"></i>
			 <span class="label">Телефон: </span>
			 <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>
			 </div>
			 {% ENDIF %}
		 </div>
		 </div>
		
		 <!-- Логотип -->
		 <div class="col-lg-6 col-sm-4 col-sms-12 col-smb-12">
			 <div class="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}">
			 </a>
			 </div>
		 </div>
		 <div class="col-lg-3 col-sm-4 col-sms-12 col-smb-12"><a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a></div>
		 </div>
	 </div>
В конец main.css добавьте
a.callback {
font-size: 20px;
}

Спасибо!  как отрегулировать высоту кнопки "обратный звонок" и поменять цвет текста?

#4 Vaccina

Vaccina

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

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

Отправлено 25 Март 2016 - 02:54

В main.css найдите:
a.callback {
	font-size: 20px;
	background: #CD0A0A;
	cursor: pointer;
	padding: 8px 6px 8px 14px;
	border-radius: 3px;
}

замените на:
a.callback {
	font-size: 20px;
	background: #CD0A0A;
	cursor: pointer;
	padding: 8px 16px;
	border-radius: 3px;
	margin-top: 5px;
	display: inline-block;
	color: #fff;
}


#5 galya.bu7

galya.bu7

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

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

Отправлено 25 Март 2016 - 08:22

Просмотр сообщенияVaccina (25 Март 2016 - 02:54) писал:

В main.css найдите:
a.callback {
font-size: 20px;
background: #CD0A0A;
cursor: pointer;
padding: 8px 6px 8px 14px;
border-radius: 3px;
}

замените на:
a.callback {
font-size: 20px;
background: #CD0A0A;
cursor: pointer;
padding: 8px 16px;
border-radius: 3px;
margin-top: 5px;
display: inline-block;
color: #fff;
}
спасибо! как вывести второй телефон в шапке? и эл. почту?

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

  • 2016-03-25 08-19-53 Скриншот экрана.png


#6 Юля123

Юля123

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

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

Отправлено 25 Март 2016 - 09:25

Просмотр сообщенияgalya.bu7 (25 Март 2016 - 08:22) писал:

спасибо! как вывести второй телефон в шапке? и эл. почту?

Здравствуйте, в шаблоне HTML найдите код (строки 191-192):

  <span class="label">Телефон: </span>
								<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 class="label">Телефон: </span>
								<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>
								</br>
								<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>
								</br>
								{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email-1"><i class="fa fa-envelope"><span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}

Почта будет вся заглавными буквами, если нужно это изменить, тогда в конце main.css добавьте код:

.email-1 {
	text-transform: none;
}


#7 galya.bu7

galya.bu7

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

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

Отправлено 25 Март 2016 - 09:28

[Цитата имя='Юля123' типа timestamp='1458887101' пост='231863']
Здравствуйте, в шаблоне в HTML найдите код (строки 191-192):

[Код]
<промежуток класс="метка">Телефон: </span>с
<в 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>с
<в 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>
</бр>
<в 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>
</бр>
{ % , Если SETTINGS_STORE_EMAIL_MAIN %}<р класса="письмо-1"><I класса="фа-фа-конверт"><Спан><а в href="ссылки" mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</а></span>с</р>{% за endif %}
[/Код]

Почта будет вся заглавными буквами, если нужно это изменить, тогда в конце главной.в CSS добавьте код:

[Код]
.письмо-1 {
текст-преобразования: нет;
}
[/Код]
[/Цитата]
не получилось

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

  • 2016-03-25 09-27-36 Скриншот экрана.png


#8 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 25 Март 2016 - 09:37

Просмотр сообщенияgalya.bu7 (25 Март 2016 - 09:28) писал:

[Цитата имя='Юля123' типа timestamp='1458887101' пост='231863']
Здравствуйте, в шаблоне в HTML найдите код (строки 191-192):

[Код]
<промежуток класс="метка">Телефон: </span>с
<в 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>с
<в 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>
</бр>
<в 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>
</бр>
{ % , Если SETTINGS_STORE_EMAIL_MAIN %}<р класса="письмо-1"><I класса="фа-фа-конверт"><Спан><а в href="ссылки" mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</а></span>с</р>{% за endif %}
[/Код]

Почта будет вся заглавными буквами, если нужно это изменить, тогда в конце главной.в CSS добавьте код:

[Код]
.письмо-1 {
текст-преобразования: нет;
}
[/Код]
[/Цитата]
не получилось

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

#9 galya.bu7

galya.bu7

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

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

Отправлено 25 Март 2016 - 09:39

[Цитата имя='MikDark' типа timestamp='1458887845' пост='231866']
Отключите, пожалуйста, переводчик в браузере, скорее всего из-за этого Вы вставили неверный код и повторите изменения еще раз.
[/Цитата]
повторила. то же самое. код вставляю верно... после вставки кода у меня какая то ошибка возникает

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

  • 2016-03-25 09-39-37 Скриншот экрана.png


#10 Юля123

Юля123

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

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

Отправлено 25 Март 2016 - 09:56

Просмотр сообщенияgalya.bu7 (25 Март 2016 - 09:39) писал:

[Цитата имя='MikDark' типа timestamp='1458887845' пост='231866']
Отключите, пожалуйста, переводчик в браузере, скорее всего из-за этого Вы вставили неверный код и повторите изменения еще раз.
[/Цитата]
повторила. то же самое. код вставляю верно... после вставки кода у меня какая то ошибка возникает

Изменения Вам произвели, посмотрите, пожалуйста.

#11 galya.bu7

galya.bu7

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

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

Отправлено 25 Март 2016 - 09:58

Просмотр сообщенияЮля123 (25 Март 2016 - 09:56) писал:

Изменения Вам произвели, посмотрите, пожалуйста.

Спасибо большое! можно еще ко второму номеру добавить fa-fa иконку "телефон" как у первого телефона?

#12 Юля123

Юля123

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

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

Отправлено 25 Март 2016 - 10:00

Просмотр сообщенияgalya.bu7 (25 Март 2016 - 09:58) писал:

Спасибо большое! можно еще ко второму номеру добавить fa-fa иконку "телефон" как у первого телефона?

Да, посмотрите, пожалуйста.

#13 galya.bu7

galya.bu7

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

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

Отправлено 25 Март 2016 - 10:01

Просмотр сообщенияЮля123 (25 Март 2016 - 10:00) писал:

Да, посмотрите, пожалуйста.
спасибо огромное!

#14 galya.bu7

galya.bu7

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

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

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

Здравствуйте! Аккаунт SL-381255. как убрать второй телефон из шапки? т.е. вернуть все так, как было?

#15 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

Просмотр сообщенияgalya.bu7 (09 Сентябрь 2016 - 11:48) писал:

Здравствуйте! Аккаунт SL-381255. как убрать второй телефон из шапки? т.е. вернуть все так, как было?
Здравствуйте, найдите в шаблоне HTML
<!-- Личный кабинет -->
				  
						  <!-- Телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
						  <div class="block-phone">
								<i class="fa fa-phone"></i>
																							   <span class="label"> </span>
																<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>
																</br>
																<i class="fa fa-phone"></i> <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>
																</br>
																{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email-1"><span><i class="fa fa-envelope"></i><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
						  </div>
						  {% ENDIF %}
						</div>
						</div>
				 
замените на
 <!-- Личный кабинет -->
				   
											   </div>
						</div>





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

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