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


Всплывающее Окно


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

#21 arver

arver

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

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

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

Нужна помощь!!!

#22 arver

arver

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

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

Отправлено 04 Апрель 2014 - 11:30

Просмотр сообщенияarver (03 Апрель 2014 - 13:42) писал:

Спасибо отчасти помогло,исчез значок x из кнопки закрыть.
Проделал следующее вставил перед кодом
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}
следующее

.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
font-size: 24px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}

Но добиться того,чтобы крестик был ровно по центру квадрата так и не удалось!Нужна помощь!
2)Непонятно почему,второе всплывающее окно-личный кабинет(если кликнуть на значок ключей под поиском) открывается вообще без кнопки закрыть+основной слайдер на главной становится ярче чем вся информация на сайте

Просмотр сообщенияMikDark (04 Апрель 2014 - 08:53) писал:

Из-за обилия ошибок, я бы посоветовал Вам откатить изменения до того момента, когда их не было и постепенно заново выполнять инструкции. Сейчас у вас очень много нового кода, написанного разными людьми, и сложно понять что и из-за чего возникает. Лучше чтобы в дальнейшем, чтобы все инструкции, в рамках одного функционала, писал один человек.

Просмотр сообщенияarver (04 Апрель 2014 - 09:08) писал:

Доброе утро,каких ошибок?Какие инструкции?(с нужной мне реализации всплывающего окна(через нажатие кнопки)мне так никто и не помог.)Поэтому воспользовался инструкцией со стороннего сервиса и сейчас мне нужна небольшая корректировка,описание в сообщение 14 выше
нужна помощь!

#23 arver

arver

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

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

Отправлено 04 Апрель 2014 - 14:41

Нужна помощь

#24 arver

arver

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

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

Отправлено 04 Апрель 2014 - 15:59

Нужна помощь

#25 Castiel

Castiel

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

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

Отправлено 05 Апрель 2014 - 07:00

Просмотр сообщенияarver (04 Апрель 2014 - 15:59) писал:

Нужна помощь

Здравствуйте,

В файле "main.css".
Найти:
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 12px;
line-height: 24px !important;
position: absolute !important;
right: -1px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -2px;
width: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}

Заменить:
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 15px;
line-height: 12px !important;
position: absolute !important;
right: 1px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -2px;
width: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}


#26 arver

arver

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

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

Отправлено 05 Апрель 2014 - 12:14

Спасибо Вам за помощь!
p.s.насколько я понял дело было в значение line height,прочитал в http://htmlbook.ru/css/line-height
Чтобы не создавать еще тему,осталась одна проблема на сайте,отзывы не добавляются на сайт,не могу понять почему...
+Есть еще пару вопросов:
1)А почему второе всплывающее окно(личный кабинет)без кнопки закрыть?
2)Не могу понять почему вся информация на сайте кроме слайдов затемняется,это ярче всего видно когда открыто маленькое всплывающее окно личного кабинета
p.s.личный кабинет всплывает если нажать на изображение ключей под поиском..

#27 Castiel

Castiel

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

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

Отправлено 05 Апрель 2014 - 12:42

Просмотр сообщенияarver (05 Апрель 2014 - 12:14) писал:

Спасибо Вам за помощь!
p.s.насколько я понял дело было в значение line height,прочитал в http://htmlbook.ru/css/line-height
Чтобы не создавать еще тему,осталась одна проблема на сайте,отзывы не добавляются на сайт,не могу понять почему...
+Есть еще пару вопросов:
1)А почему второе всплывающее окно(личный кабинет)без кнопки закрыть?
2)Не могу понять почему вся информация на сайте кроме слайдов затемняется,это ярче всего видно когда открыто маленькое всплывающее окно личного кабинета
p.s.личный кабинет всплывает если нажать на изображение ключей под поиском..


Здравствуйте,

Исправление для затемнения картинок.
В файле "main.css".
Найти:
.overlay:target {
visibility: visible;
opacity: 1;
}

Заменить:
.overlay:target {
visibility: visible;
opacity: 1;
z-index: 9;
}


Добавление кнопки закрыть после <h1>Личный кабинет</h1> (примерно 264 строка)
<a class="close" title="Закрыть" href="#close"></a>

Обновите стили для кнопки закрыть  (изменены параметры height: 16px; line-height: 16px !important; width: 16px; для корректного отображения)
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 16px;
line-height: 16px !important;
position: absolute !important;
right: 1px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -2px;
width: 16px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}


#28 arver

arver

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

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

Отправлено 05 Апрель 2014 - 12:52

Все отлично,только вот кнопка добавить отзыв не работает

#29 Castiel

Castiel

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

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

Отправлено 05 Апрель 2014 - 12:55

Просмотр сообщенияarver (05 Апрель 2014 - 12:52) писал:

Все отлично,только вот кнопка добавить отзыв не работает

Кнопка добавить отзыв не работает из-за каких то проблем в шаблоне HTML. К сожалению обнаружить их пока не удалось, но если восстановить стандартный шаблон HTML то проблема устраниться.
Вероятнее всего возникли конфликты в скриптах или в не закрытых тегах

#30 arver

arver

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

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

Отправлено 05 Апрель 2014 - 13:00

Да я пока так и  добавляю отзывы откатывая все на 2 апреля

#31 Castiel

Castiel

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

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

Отправлено 05 Апрель 2014 - 13:20

Просмотр сообщенияarver (05 Апрель 2014 - 13:00) писал:

Да я пока так и  добавляю отзывы откатывая все на 2 апреля

Исправили вам проблему с регистрацией, вопрос с отзывами решается.

#32 arver

arver

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

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

Отправлено 05 Апрель 2014 - 13:51

Спасибо Вам и отдельно за эти слова( вопрос с отзывами решается)!Буду ждать.

#33 Castiel

Castiel

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

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

Отправлено 05 Апрель 2014 - 16:40

Просмотр сообщенияarver (05 Апрель 2014 - 13:51) писал:

Спасибо Вам и отдельно за эти слова( вопрос с отзывами решается)!Буду ждать.

Проблема в версте шаблона HTML, в каком то месте не закрыты </div> или </td> или </tr> или все вместе. Точно обнаружить в каком месте не хватает данных тегов не получается так как этот процесс сильно трудоемкий (необходимо анализировать каждую строчку кода).

Проблема именно в основной части сайта + шапка.
Структура основной части + шапки должна быть примерно такой
<div id="headerWrap">
<div id="header">

</div>
</div>

<div id="contentWrap">
<div id="content">

<table id="contentMainTb">
	 <tr>
	 <td id="leftMenuBlockWrap">
		 <div id="leftMenuBlock">
	
		 </div>
	 </td>
	 <td id="primaryContent">
		 {BODY}
	 </td>
	 </tr>
</table>
</div>
</div >

Если у вас не получится найти ошибку, мы постараемся найти для вас решение, но оно может немного затянуться по времени

#34 arver

arver

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

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

Отправлено 05 Апрель 2014 - 22:46

Постараюсь найти сам...
p.s.подозреваю <div class="popup">
да действительно удалил код в html с 259 строки <div id="cartInfo"> до 318 строки и отзывы заработали...

осталось только найти где именно в этом диапазоне косяк...

#35 arver

arver

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

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

Отправлено 06 Апрель 2014 - 18:44

Добрый вечер,косяк так и не нашел.Переформулирую вопрос,мне нужно во всплывающем окне реализовать авторизацию в личный кабинет.
Сам я пытался это сделать так:
в блок html
<div class="popup">
</div>
строки 264-265 вставлял содержимое файла ЛК Авторизация,ну и получалось,что отображается форма авторизации как нужно,а отзывы перестают работать!(

#36 arver

arver

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

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

Отправлено 07 Апрель 2014 - 18:55

up

#37 Сake

Сake

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

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

Отправлено 08 Апрель 2014 - 03:50

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

#38 arver

arver

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

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

Отправлено 08 Апрель 2014 - 09:19

Просмотр сообщенияСake (08 Апрель 2014 - 03:50) писал:

Пожалуйста, опишите вашу проблему подробнее. Какая именно проблему наблюдается с отзывами? Они не загружаются или что-то другое? Приведите пример на вашем сайте.
Доброе утро,Вы меня неправильно поняли!У меня была проблема с отзывами,их нельзя было добавить по причине того,что кнопка добавить отзыв была не активна.Возникало это после
"Сам я пытался это сделать так:
в блок html
<div class="popup">
</div>
строки 264-265 вставлял содержимое файла ЛК Авторизация,ну и получалось,что отображается форма авторизации как нужно,а отзывы перестают работать!( "

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

#39 arver

arver

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

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

Отправлено 08 Апрель 2014 - 11:27

up

#40 Castiel

Castiel

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

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

Отправлено 08 Апрель 2014 - 12:18

Просмотр сообщенияarver (08 Апрель 2014 - 09:19) писал:

Доброе утро,Вы меня неправильно поняли!У меня была проблема с отзывами,их нельзя было добавить по причине того,что кнопка добавить отзыв была не активна.Возникало это после
"Сам я пытался это сделать так:
в блок html
<div class="popup">
</div>
строки 264-265 вставлял содержимое файла ЛК Авторизация,ну и получалось,что отображается форма авторизации как нужно,а отзывы перестают работать!( "

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

Можно сделать ограничение для вывода окна регистрации в карточке товара (всплывающее окно не будет работать при нажатии на кнопку регистрация только в карточке товара, вместо этого будет ссылка на регистрацию).

Здравствуйте,

В шаблоне "HTML"
Находим:

<a href="#win2" id="win_pop"><img src="http://st.hozbe.ru/7/1069/467/lichnyj_kabinet.png" title="Личный кабинет"/></a>
<a href="#x" class="overlay" id="win2"></a>
<div class="popup">
</div>

Заменяем на:
{% IFNOT MOD_LNAME = goods %}
<a href="#win2" id="win_pop"><img src="http://st.hozbe.ru/7/1069/467/lichnyj_kabinet.png" title="Личный кабинет"/></a>
<a href="#x" class="overlay" id="win2"></a>
<div class="popup">
<!-- Контент -->
<form action="{USER_REGISTER_URL}" method="post" class="clientForm">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="from" value="{FROM}" />

<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}

{% IF FORM_NOTICE %}
<h3 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}red{% ENDIF %}">{FORM_NOTICE}</h3>
{% ENDIF %}

<table>

<!-- Тело таблицы. Форма регистрации -->
<tbody>
<tr>
<td class="ceil1"><label for="reg_name">Представьтесь, пожалуйста</label></td>
<td class="ceil2"><input id="reg_name" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_NAME}]" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required cornerAll"/></td>
<td class="ceil3 valignMiddle" rowspan="4">
<div class="alignCenter" style="display:none;" id="caps_lock">
<img src="{ASSETS_IMAGES_PATH}warningCapslock.png"><br />
<strong>Caps Lock включен.</strong><br />
Пароль может быть введен неверно.
</div>
</td>
</tr>
<tr>
<td><label for="sites_client_phone">Телефон для связи</label></td>
<td><input id="sites_client_phone" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PHONE}]" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required cornerAll"/></td>
</tr>
<tr>
<td><label for="sites_client_mail">Укажите Email</label></td>
<td><input id="sites_client_mail" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_MAIL}]" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email cornerAll"/></td>
</tr>
<tr>
<td><label for="sites_client_pass">Придумайте пароль</label></td>
<td>
<input id="sites_client_pass" type="password" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PASS}]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" class="required cornerAll" /><br />
{% IFNOT user_agent_ie %}
<div class="showPassBlock"><a href="#" rel="Скрыть пароль" class="showPass">Показать пароль</a></div>
{% ENDIF %}
</td>
</tr>
</tbody>

<!-- Низ таблицы. Кнопка отправки формы -->
<tfoot>
<tr>
<td colspan="3"><input type="submit" value="Зарегистрироваться" /></td>
</tr>
<tr>
<td colspan="3">
<a href="{USER_LOGIN_URL}">Вход с паролем</a> | <a href="{USER_RECOVERY_URL}">Восстановление пароля</a>
</td>
</tr>
</tfoot>

</table>
</div>
</form>
<!-- end Контент -->
</div>
{% ELSE %}
<a href="http://{NET_DOMAIN}/user/login"><img src="http://st.hozbe.ru/7/1069/467/lichnyj_kabinet.png" title="Личный кабинет"/></a>
{% ENDIF %}


В файле "main.css".
Найти:
.overlay:target+.popup {
		top: 25%;
		opacity: 1;
		visibility: visible;
}

Заменить:
.overlay:target+.popup {
		top: 25%;
		left:40%;
		width:500px;
		opacity: 1;
		visibility: visible;
}





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

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