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


Редактирование "обратного Звонка"


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

#1 BeLoveAll

BeLoveAll

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

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

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

Доброго времени суток!
Помогите, пожалуйста, отредактировать обратный звонок.

Распишу всё в последовательности:

1. Для начала надо удалить пункты ИЗБРАННОЕ, ЛИЧНЫЙ КАБИНЕТ, КОРЗИНА, РЕГИСТРАЦИЯ из шапки.
А на выделенное место поместить надпись ЗАКАЗ ОБРАТНОГО ЗВОНКА и наш номер телефона, чтоб эти два элемента были активными и повторяли смысл кнопки ОБРАТНЫЙ ЗВОНОК из подвала.

Изображение

2. Необходимо отредактировать саму форму обратного звонка. Оставить только первые три графы:

Изображение

Заранее благодарю=)

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 672 сообщений

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

1. В шаблоне HTML найдите:
<ul class="hmenu left">
			  <li class="hideLowRes"><a href="{%IF CLIENT_IS_LOGIN%}{USER_FAVORITES_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}"><span class="icon-heart2 icon"></span>&nbsp;&nbsp;Избранное</a></li>
			  <li><a href="{%IF CLIENT_IS_LOGIN%}{USER_SETTINGS_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}"><span class="icon-user2 icon"></span>&nbsp;&nbsp;Личный кабинет</a></li>
			  <li><a href="{CART_URL}"><span class="icon-cart3 icon"></span>&nbsp;&nbsp;Корзина</a></li>
			   {% IF CLIENT_IS_LOGIN %}		
			  <li><a href="{USER_LOGOUT_URL}"><span class="icon-box-add icon"></span>&nbsp;&nbsp;Выход</a></li>
			 {%ELSE%}		  
			  <li><a href="{USER_REGISTER_URL}"><span class="icon-quill icon"></span>&nbsp;&nbsp;Регистрация</a></li>
			 {%ENDIF%}
			</ul> 
замените на:
<ul class="hmenu left">
			  <li><a href="/callback">Обратный звонок</a></li>
	 <li><a href="/callback"><span class="icon-phone"></span>
								<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
								{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
								{SETTINGS_STORE_PHONE_NUMBER1}</a></li>
			</ul> 

2. В шаблоне Обратный звонок найдите и удалите:
<div class="regField">
	   <label for="callback_region">Область</label></td>
	   <input id="callback_region" type="text" name="form[callback_region]" value="{FORM_CALLBACK_REGION}" maxlength="255" class="input-text"/>
	  </div>
		  <div class="regField">
	   <label for="callback_address">Адрес</label></td>
	   <input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/>
	  </div>
		 <div class="regField">
	   <label for="callback_city">Город</label></td>
	   <input id="callback_city" type="text" name="form[callback_city]" value="{FORM_CALLBACK_CITY}" maxlength="255" class="input-text"/>
	  </div>
		  <div class="regField">
	   <label for="callback_zip_code">Почтовый индекс</label></td>
	   <input id="callback_zip_code" type="text" name="form[callback_zip_code]" value="{FORM_CALLBACK_ZIP_CODE}" maxlength="255" class="input-text"/>
	  </div>
		  <div class="regField">
	   <label for="callback_country">Страна</label></td>
	   <input id="callback_country" type="text" name="form[callback_country]" value="{FORM_callback_country}" maxlength="255" class="input-text"/>
	  </div>
		  <div class="regField">
	   <label for="callback_convenient_date">Удобная дата доставки</label></td>
	   <input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="input-text"/>
	  </div>
		 <div class="regField">
			<div class="regField forTime"><label for="callback_convenient_hour_from">Удобное время доставки</label>
	   
		  С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="input-text"/>
		  По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="input-text"/>
	 
	 </div>
	   <div class="regField">
		  <label for="callback_email">Email</label>
		  <input id="callback_email" type="text" name="form[callback_email]" value="{FORM_CALLBACK_EMAIL}" maxlength="255" class="input-text"/></td>
	  </div>
	  <div class="regField">
		<label for="coupon_code">Код купона на скидку</label>
		<input id="coupon_code" type="text" name="form[coupon_code]" value="{FORM_COUPON_CODE}" maxlength="255" class="input-text"/>
	 </div>
			<div class="regField">
		  <label for="callback_floor">Этаж</label>
		  <input id="callback_floor" type="text" name="form[этаж]" value="{FORM_ЭТАЖ}" maxlength="255" class="input-text"/>
		</div>


#3 BeLoveAll

BeLoveAll

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

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

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

Просмотр сообщенияVaccina (15 Октябрь 2015 - 01:57) писал:

1. В шаблоне HTML найдите:
Спасибо, всё получилось с первого раза! B) B)

Подскажите, пожалуйста, а можно ли эту надпись с номером разместить посередине строки? А то теперь выяснилось, что слева она малозаметна.
И еще, не могли бы Вы подсказать, какие параметры отвечают за размер и жирность этой надпись? Хотелось бы немного поэкспериментировать-сделать ее чуть побольше.

#4 Firefly

Firefly

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

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

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

Просмотр сообщенияBeLoveAll (15 Октябрь 2015 - 18:17) писал:

Спасибо, всё получилось с первого раза! B) B)

Подскажите, пожалуйста, а можно ли эту надпись с номером разместить посередине строки? А то теперь выяснилось, что слева она малозаметна.
И еще, не могли бы Вы подсказать, какие параметры отвечают за размер и жирность этой надпись? Хотелось бы немного поэкспериментировать-сделать ее чуть побольше.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
			<ul class="hmenu left">
						  <li><a href="/callback">Обратный звонок</a></li>
		 <li><a href="/callback"><span class="icon-phone"></span>
																<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
																{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
																{SETTINGS_STORE_PHONE_NUMBER1}</a></li>
						</ul>

Замените на:
			<ul class="hmenu left">
		 <li><a href="/callback"><span class="icon-phone"></span>
																<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
																{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
																{SETTINGS_STORE_PHONE_NUMBER1}</a></li>
						  <li><a href="/callback">Обратный звонок</a></li>
						</ul>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.hmenu li:first-child {margin-right: 40%;}
.hmenu li:nth-child(2) a {font-size: 12px;font-weight: bold;}

Во второй строке кода изменяйте значения размера шрифта (12px) и жирности (bold) при необходимости.

#5 BeLoveAll

BeLoveAll

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

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

Отправлено 17 Октябрь 2015 - 21:21

Просмотр сообщенияFirefly (15 Октябрь 2015 - 18:56) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <ul class="hmenu left">
						 <li><a href="/callback">Обратный звонок</a></li>
		 <li><a href="/callback"><span class="icon-phone"></span>
															 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
															 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
															 {SETTINGS_STORE_PHONE_NUMBER1}</a></li>
					 </ul>

Замените на:
		 <ul class="hmenu left">
		 <li><a href="/callback"><span class="icon-phone"></span>
															 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
															 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
															 {SETTINGS_STORE_PHONE_NUMBER1}</a></li>
						 <li><a href="/callback">Обратный звонок</a></li>
					 </ul>



Меняются местами надпись и телефон, а на середину страницы ничего не перемещается. :unsure:

#6 Firefly

Firefly

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

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

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

Просмотр сообщенияBeLoveAll (17 Октябрь 2015 - 21:21) писал:

Меняются местами надпись и телефон, а на середину страницы ничего не перемещается. :unsure:

Здравствуйте.
Для того чтобы надпись "Заказать обратный звонок" переместилась в центр, Вам необходимо полностью выполнить все пункты из предыдущей инструкции.
Насколько видно, Вы выполнили только ее первую часть. Произведите, пожалуйста, оставшиеся изменения.

#7 BeLoveAll

BeLoveAll

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

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

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

Просмотр сообщенияFirefly (18 Октябрь 2015 - 10:31) писал:

Здравствуйте.
Для того чтобы надпись "Заказать обратный звонок" переместилась в центр, Вам необходимо полностью выполнить все пункты из предыдущей инструкции.
Насколько видно, Вы выполнили только ее первую часть. Произведите, пожалуйста, оставшиеся изменения.

Да, Вы правы, не доделал вторую часть изменений.
Но все равно проблема осталась: сдвигается только надпись "Заказать обратный звонок", а телефон остается там же слева. Нужно чтобы оба эти элемента были посередине.

#8 Firefly

Firefly

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

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

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

Просмотр сообщенияBeLoveAll (18 Октябрь 2015 - 14:39) писал:

Да, Вы правы, не доделал вторую часть изменений.
Но все равно проблема осталась: сдвигается только надпись "Заказать обратный звонок", а телефон остается там же слева. Нужно чтобы оба эти элемента были посередине.

Если Вам необходимо переместить в центр оба элемента, не выполняя второй части инструкции, в main.css найдите код:
.hmenu li{
float: left;
padding: 15px 5px 11px 0;
margin: 0 5px;
text-transform: uppercase;
}

Замените на:
.hmenu li{
float: left;
padding: 15px 5px 11px 0;
margin: 0 5px;
text-transform: uppercase;
}
.hmenu li:first-child {padding-left: 33%;}


#9 BeLoveAll

BeLoveAll

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

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

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

Просмотр сообщенияFirefly (18 Октябрь 2015 - 14:52) писал:

Если Вам необходимо переместить в центр оба элемента, не выполняя второй части инструкции, в main.css найдите код:
.hmenu li{
float: left;
padding: 15px 5px 11px 0;
margin: 0 5px;
text-transform: uppercase;
}

Замените на:
.hmenu li{
float: left;
padding: 15px 5px 11px 0;
margin: 0 5px;
text-transform: uppercase;
}
.hmenu li:first-child {padding-left: 33%;}

Спасибо! Получилось именно то, что нужно! B) B) B)




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

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