Форма Заполнения Информации В Личном Кабинете Вылезает За Границы Страницы
#1
Отправлено 10 Январь 2014 - 14:36
При тестовом оформлении заказа столкнулся с рядом проблем.
1. Когда осуществлен вход в личный кабинет на странице появляются (в неудобном месте)
две ссылки: Личный кабинет и Выход. Искал в шаблонах так и не нашел где размещается код для этих ссылок чтобы переместить их в шапку. Смотрите первую прикрепленную картинку.
2. При входе на страницу "Личного кабинета" форма заполнения информации вылезает за границы страницы.C:UsersАлексейDesktop Смотрите вторую прикрепленную картинку.
#2
Отправлено 10 Январь 2014 - 15:03
galkinalexey (10 Январь 2014 - 14:36) писал:
При тестовом оформлении заказа столкнулся с рядом проблем.
1. Когда осуществлен вход в личный кабинет на странице появляются (в неудобном месте)
две ссылки: Личный кабинет и Выход. Искал в шаблонах так и не нашел где размещается код для этих ссылок чтобы переместить их в шапку. Смотрите первую прикрепленную картинку.
2. При входе на страницу "Личного кабинета" форма заполнения информации вылезает за границы страницы.C:UsersАлексейDesktop Смотрите вторую прикрепленную картинку.
Здравствуйте, напишите номер вашего аккаунта или адрес вашего сайта
#3
Отправлено 10 Январь 2014 - 19:05
#5
Отправлено 10 Январь 2014 - 20:21
#6
Отправлено 10 Январь 2014 - 20:27
#7
Отправлено 10 Январь 2014 - 21:36
galkinalexey (10 Январь 2014 - 20:27) писал:
Редактируем style.css
Находим
.content.container { margin-top: 25px; margin-bottom: 50px; min-height: 500px; }
Заменяем на
.content.container { margin-top: 25px; margin-bottom: 50px; min-height: 660px; }
Проверил во многих браузерах, данной проблемы не наблюдается. Попробуйте почистить кеш браузера.
Скрины вашего сайта сделаны в браузере Хром вашей версии
Castiel (10 Январь 2014 - 21:35) писал:
Находим
.content.container { margin-top: 25px; margin-bottom: 50px; min-height: 500px; }
Заменяем на
.content.container { margin-top: 25px; margin-bottom: 50px; min-height: 660px; }
Проверил во многих браузерах, данной проблемы не наблюдается. Так же проверил на разных разрешениях экрана, повторить то что у вас было на скриншоте не удалось. Попробуйте почистить кеш браузера.
Скрины вашего сайта сделаны в браузере Хром вашей версии
#8
Отправлено 10 Январь 2014 - 22:58
Дело обстояло вот как: блок введения ФИО, емейла, телефона и блок ввдения адреса подчиняется классу content-form, однако блок введения адреса выходил за границы формы. Попытки разделить блок информации на два (1 - фио,емейл, телефон; 2 - адрес) с помощью table привели к тому что вся страница полетела. В итоге пришлось все возвращать.
Далее я поступил следующим образом. Нашел в style.css класс content-form и изменил значение height с 500px на auto. После этого форма введения данных растянулась и все поместилось в одной форме.
#9
Отправлено 10 Январь 2014 - 23:06
galkinalexey (10 Январь 2014 - 22:58) писал:
Дело обстояло вот как: блок введения ФИО, емейла, телефона и блок ввдения адреса подчиняется классу content-form, однако блок введения адреса выходил за границы формы. Попытки разделить блок информации на два (1 - фио,емейл, телефон; 2 - адрес) с помощью table привели к тому что вся страница полетела. В итоге пришлось все возвращать.
Далее я поступил следующим образом. Нашел в style.css класс content-form и изменил значение height с 500px на auto. После этого форма введения данных растянулась и все поместилось в одной форме.
Сейчас просмотрел данную страницу, у меня все в порядке, корректно отображается вся форма.
Вероятнее всего, все уехало тогда, когда вы пытались разделить эту форму на две части.
На данный момент каким образом отображается данная страница и как бы вы хотели чтобы она отображалась?
#10
Отправлено 10 Январь 2014 - 23:33
Это получилось в результате изменения значения height у класса content-form. До этого страница выглядела как на втором скриншоте, который я прислал в начале.
Мне бы хотелось, чтобы на странице было два блока, первый с вводом фио, емейла и телефона, а второй с вводом адреса. И чтобы они располагались рядом. Подобная организация блоков осуществлена на странице авторизации.
#11
Отправлено 11 Январь 2014 - 06:11
galkinalexey (10 Январь 2014 - 23:33) писал:
Это получилось в результате изменения значения height у класса content-form. До этого страница выглядела как на втором скриншоте, который я прислал в начале.
Мне бы хотелось, чтобы на странице было два блока, первый с вводом фио, емейла и телефона, а второй с вводом адреса. И чтобы они располагались рядом. Подобная организация блоков осуществлена на странице авторизации.
Обновите содержимое шаблона ЛК Настройки пользователя
<div class="breadcrumb"> <a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a> <span class="navigation-pipe"></span> Личный кабинет </div> <div class="my-account"> <div class="page-title"> <h1>Личный кабинет</h1> </div> {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}error{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %} <form action="{USER_SETTINGS_URL}" method="post" class="clientForm"> <div id="create-account_form"> <div class="content-form"> <div class="fieldset"> <input type="hidden" name="hash" value="{HASH}" /> <h3 class="title">Персональная информация</h3> <ul class="form-list"> <li class="fields"> <div class="customer-name"> <div class="field name-firstname"> <label for="reg_name">Представьтесь пожалуйста<em>*</em></label> <div class="input-box"> <input type="text" id="reg_name" name="form[sites_client_name]" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required light"/> </div> </div> <div class="field name-lastname"> <label for="sites_client_mail">Электронная почта<em>*</em></label> <div class="input-box"> <input type="text" id="sites_client_mail" name="form[sites_client_mail]" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email light"/> </div> </div> </div> </li> <li class="fields"> <div class="field"> <label for="sites_client_pass">Придумайте пароль<em>*</em></label> <div class="input-box"> <input id="sites_client_pass" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" class="light required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> </div> {% IFNOT user_agent_ie %} <div class="showPassBlock"><a href="#" rel="Скрыть пароль" class="showPass jsAction">Показать пароль</a></div> {% ENDIF %} <div class="alignCenter" style="display:none;width:200px;padding-top:10px;margin: 0 auto;" id="caps_lock"> <img src="{ASSETS_IMAGES_PATH}warningCapslock.png"><br /> <strong class="black">Caps Lock включен.</strong><br /> Пароль может быть введен неверно. </div> </div> <div class="field"> <label for="sites_client_phone">Телефон для связи<em>*</em></label> <div class="input-box"> <input type="text" id="sites_client_phone" name="form[sites_client_phone]" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required light"/> </div> </div> </li> </ul> <div class="clear"></div> </div> </div> </div> <div id="login_form"> <div class="content-form"> <div class="fieldset"> <h3 class="title">Адрес доставки по умолчанию. Используется при оформлении заказа</h3> <ul class="form-list"> <li class="fields"> <div class="field"> <label for="sites_client_country">Страна</label> <div class="input-box"> <input type="text" id="sites_client_country" name="form[sites_client_country]" value="{FORM_SITES_CLIENT_COUNTRY}" maxlength="255" class="light"/> </div> </div> <div class="field"> <label for="sites_client_region">Область</label> <div class="input-box"> <input type="text" id="sites_client_region" name="form[sites_client_region]" value="{FORM_SITES_CLIENT_REGION}" maxlength="255" class="light"/> </div> </div> </li> <li class="fields"> <div class="field"> <label for="sites_client_city">Город</label> <div class="input-box"> <input type="text" id="sites_client_city" name="form[sites_client_city]" value="{FORM_SITES_CLIENT_CITY}" maxlength="255" class="light"/> </div> </div> <div class="field"> <label for="sites_client_zip_code">Почтовый индекс</label> <div class="input-box"> <input type="text" id="sites_client_zip_code" name="form[sites_client_zip_code]" value="{FORM_SITES_CLIENT_ZIP_CODE}" maxlength="6" class="light"/> </div> </div> </li> <li class="wide"> <div class="clear"></div> <label for="sites_client_addr">Адрес доставки</label> <div class="input-box"> <textarea id="sites_client_addr" name="form[sites_client_addr]" >{FORM_SITES_CLIENT_ADDR}</textarea> </div> </li> </ul> </div> <p class="submit"> <a href="{USER_HISTORY_LIST_URL}" class="back">История заказов</a> <input type="submit" title="Сохранить персональные настройки" class="exclusive" value="Сохранить" /> </p> </div> </div> </form> </div>
Редактируем шаблон style.css
Находим
.content-form { padding: 0 20px !important; margin-bottom: 20px; background: #ffffff; border-left: none; border-right: none; border-bottom: none; border-top: 6px solid #da3b44; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); margin: 10px auto 0 auto; padding: 0; width: 300px; text-align: center; }
Заменяем на
.content-form { padding: 0 20px !important; margin-bottom: 20px; background: #ffffff; border-left: none; border-right: none; border-bottom: none; border-top: 6px solid #da3b44; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); margin: 10px auto 0 auto; padding: 0; width: 300px; height: 600px; text-align: center; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных