Редактирование "обратного Звонка"
#1
Отправлено 05 Октябрь 2015 - 05:30
Помогите, пожалуйста, отредактировать обратный звонок.
Распишу всё в последовательности:
1. Для начала надо удалить пункты ИЗБРАННОЕ, ЛИЧНЫЙ КАБИНЕТ, КОРЗИНА, РЕГИСТРАЦИЯ из шапки.
А на выделенное место поместить надпись ЗАКАЗ ОБРАТНОГО ЗВОНКА и наш номер телефона, чтоб эти два элемента были активными и повторяли смысл кнопки ОБРАТНЫЙ ЗВОНОК из подвала.
2. Необходимо отредактировать саму форму обратного звонка. Оставить только первые три графы:
Заранее благодарю=)
#2
Отправлено 15 Октябрь 2015 - 01:57
<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> Избранное</a></li> <li><a href="{%IF CLIENT_IS_LOGIN%}{USER_SETTINGS_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}"><span class="icon-user2 icon"></span> Личный кабинет</a></li> <li><a href="{CART_URL}"><span class="icon-cart3 icon"></span> Корзина</a></li> {% IF CLIENT_IS_LOGIN %} <li><a href="{USER_LOGOUT_URL}"><span class="icon-box-add icon"></span> Выход</a></li> {%ELSE%} <li><a href="{USER_REGISTER_URL}"><span class="icon-quill icon"></span> Регистрация</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
Отправлено 15 Октябрь 2015 - 18:17
Vaccina (15 Октябрь 2015 - 01:57) писал:
Подскажите, пожалуйста, а можно ли эту надпись с номером разместить посередине строки? А то теперь выяснилось, что слева она малозаметна.
И еще, не могли бы Вы подсказать, какие параметры отвечают за размер и жирность этой надпись? Хотелось бы немного поэкспериментировать-сделать ее чуть побольше.
#4
Отправлено 15 Октябрь 2015 - 18:56
BeLoveAll (15 Октябрь 2015 - 18:17) писал:
Подскажите, пожалуйста, а можно ли эту надпись с номером разместить посередине строки? А то теперь выяснилось, что слева она малозаметна.
И еще, не могли бы Вы подсказать, какие параметры отвечают за размер и жирность этой надпись? Хотелось бы немного поэкспериментировать-сделать ее чуть побольше.
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> 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
Отправлено 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>
Меняются местами надпись и телефон, а на середину страницы ничего не перемещается.
#6
Отправлено 18 Октябрь 2015 - 10:31
BeLoveAll (17 Октябрь 2015 - 21:21) писал:
Здравствуйте.
Для того чтобы надпись "Заказать обратный звонок" переместилась в центр, Вам необходимо полностью выполнить все пункты из предыдущей инструкции.
Насколько видно, Вы выполнили только ее первую часть. Произведите, пожалуйста, оставшиеся изменения.
#7
Отправлено 18 Октябрь 2015 - 14:39
Firefly (18 Октябрь 2015 - 10:31) писал:
Для того чтобы надпись "Заказать обратный звонок" переместилась в центр, Вам необходимо полностью выполнить все пункты из предыдущей инструкции.
Насколько видно, Вы выполнили только ее первую часть. Произведите, пожалуйста, оставшиеся изменения.
Да, Вы правы, не доделал вторую часть изменений.
Но все равно проблема осталась: сдвигается только надпись "Заказать обратный звонок", а телефон остается там же слева. Нужно чтобы оба эти элемента были посередине.
#8
Отправлено 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
Отправлено 18 Октябрь 2015 - 14:58
Firefly (18 Октябрь 2015 - 14:52) писал:
.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%;}
Спасибо! Получилось именно то, что нужно!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных