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


Форма Заполнения Информации В Личном Кабинете Вылезает За Границы Страницы


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

#1 galkinalexey

galkinalexey

    Пользователь

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

Отправлено 10 Январь 2014 - 14:36

Добрый день.
При тестовом оформлении заказа столкнулся с рядом проблем.
1. Когда осуществлен вход в личный кабинет на странице появляются (в неудобном месте)
две ссылки: Личный кабинет и Выход. Искал в шаблонах так и не нашел где размещается код для этих ссылок чтобы переместить их в шапку. Смотрите первую прикрепленную картинку.

2. При входе на страницу "Личного кабинета" форма заполнения информации вылезает за границы страницы.C:UsersАлексейDesktop Смотрите вторую прикрепленную картинку.

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

  • Снимок.JPG
  • Снимок2.JPG


#2 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 10 Январь 2014 - 15:03

Просмотр сообщенияgalkinalexey (10 Январь 2014 - 14:36) писал:

Добрый день.
При тестовом оформлении заказа столкнулся с рядом проблем.
1. Когда осуществлен вход в личный кабинет на странице появляются (в неудобном месте)
две ссылки: Личный кабинет и Выход. Искал в шаблонах так и не нашел где размещается код для этих ссылок чтобы переместить их в шапку. Смотрите первую прикрепленную картинку.

2. При входе на страницу "Личного кабинета" форма заполнения информации вылезает за границы страницы.C:UsersАлексейDesktop Смотрите вторую прикрепленную картинку.

Здравствуйте, напишите номер вашего аккаунта или адрес вашего сайта

#3 galkinalexey

galkinalexey

    Пользователь

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

Отправлено 10 Январь 2014 - 19:05

Аккаунт SL-260953

#4 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 10 Январь 2014 - 20:15

Просмотр сообщенияgalkinalexey (10 Январь 2014 - 19:05) писал:

Аккаунт SL-260953

Каким браузером вы пользуетесь и версию браузера напишите? в Google Chrome Opera Internet Explorer Mozila Firefox отображение сайта корректно.

#5 galkinalexey

galkinalexey

    Пользователь

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

Отправлено 10 Январь 2014 - 20:21

Google Chrome, Версия 31.0.1650.63 m

#6 galkinalexey

galkinalexey

    Пользователь

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

Отправлено 10 Январь 2014 - 20:27

с надписями Личный кабинет и Выход разобрался. Это пункты меню. И вылезали они не в том месте потому что экран 17". При уменьшении масштаба эти пункты встают на свое место. Осталось разобраться с личным кабинетом.

#7 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 10 Январь 2014 - 21:36

Просмотр сообщенияgalkinalexey (10 Январь 2014 - 20:27) писал:

с надписями Личный кабинет и Выход разобрался. Это пункты меню. И вылезали они не в том месте потому что экран 17". При уменьшении масштаба эти пункты встают на свое место. Осталось разобраться с личным кабинетом.

Редактируем 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) писал:

Редактируем style.css
Находим
.content.container {
margin-top: 25px;
margin-bottom: 50px;
min-height: 500px;
}

Заменяем на
.content.container {
margin-top: 25px;
margin-bottom: 50px;
min-height: 660px;
}


Проверил во многих браузерах, данной проблемы не наблюдается. Так же проверил на разных разрешениях экрана, повторить то что у вас было на скриншоте не удалось. Попробуйте почистить кеш браузера.

Скрины вашего сайта сделаны в браузере Хром вашей версии

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

  • pic22.jpg
  • pic23.jpg
  • pic24.jpg


#8 galkinalexey

galkinalexey

    Пользователь

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

Отправлено 10 Январь 2014 - 22:58

Проблем с этим страницами не возникало. Возникла проблема со страницей персональных настроек.
Дело обстояло вот как: блок введения ФИО, емейла, телефона и блок ввдения адреса подчиняется классу content-form, однако блок введения адреса выходил за границы формы. Попытки разделить блок информации на два (1 - фио,емейл, телефон; 2 - адрес) с помощью table привели к тому что вся страница полетела. В итоге пришлось все возвращать.
Далее я поступил следующим образом. Нашел в style.css класс content-form и изменил значение height с 500px на auto. После этого форма введения данных растянулась и все поместилось в одной форме.

#9 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 10 Январь 2014 - 23:06

Просмотр сообщенияgalkinalexey (10 Январь 2014 - 22:58) писал:

Проблем с этим страницами не возникало. Возникла проблема со страницей персональных настроек.
Дело обстояло вот как: блок введения ФИО, емейла, телефона и блок ввдения адреса подчиняется классу content-form, однако блок введения адреса выходил за границы формы. Попытки разделить блок информации на два (1 - фио,емейл, телефон; 2 - адрес) с помощью table привели к тому что вся страница полетела. В итоге пришлось все возвращать.
Далее я поступил следующим образом. Нашел в style.css класс content-form и изменил значение height с 500px на auto. После этого форма введения данных растянулась и все поместилось в одной форме.

Сейчас просмотрел данную страницу, у меня все в порядке, корректно отображается вся форма.

Вероятнее всего, все уехало тогда, когда вы пытались разделить эту форму на две части.

На данный момент каким образом отображается данная страница и как бы вы хотели чтобы она отображалась?

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

  • pic26.png


#10 galkinalexey

galkinalexey

    Пользователь

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

Отправлено 10 Январь 2014 - 23:33

Вот последний скриншот, который вы мне прислали, показывает как раз то, как выглядит сейчас эта страница.
Это получилось в результате изменения значения height у класса content-form. До этого страница выглядела как на втором скриншоте, который я прислал в начале.
Мне бы хотелось, чтобы на странице было два блока, первый с вводом фио, емейла и телефона, а второй с вводом адреса. И чтобы они располагались рядом. Подобная организация блоков осуществлена на странице авторизации.

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

  • Снимок3.jpg


#11 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 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 анонимных