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


Добавлен Обратный Звонок

обратный звонок обновления

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

#161 Nati

Nati

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

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

Отправлено 19 Март 2015 - 15:33

Просмотр сообщенияMikDark (19 Март 2015 - 15:26) писал:

Изменения Вам внесли.
Спасибо большое ). Всё отлично работает.

#162 Flor@@

Flor@@

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

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

Отправлено 19 Март 2015 - 17:20

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

#163 Flor@@

Flor@@

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

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

Отправлено 20 Март 2015 - 14:06

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

#164 Alekseys

Alekseys

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

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

Отправлено 20 Март 2015 - 14:25

Просмотр сообщенияFlor@@ (20 Март 2015 - 14:06) писал:

все еще жду ответа по стилизации формы обратного звонка и появления надписи сообщающей о том что звонок оформлен.
Здравствуйте. В main.css замените
.required {
  width: 80 px;
  border: 1px solid grey;
}
на
.required {
  width: 80 px;
  /*border: 1px solid grey;*/
}
и в конец main.css добавьте
.fancybox-inner .content {
  height: auto;
  box-shadow: none;
}
#callback_person {
  border: 1px solid grey;
}
#callback_phone {
  border: 1px solid grey;
}
#callback_comment {
  border: 1px solid grey;
  margin-top: 5px;
  width: 166px;
}
.back-link {
  padding-left: 0!important;
}
.fancybox-inner .buttons .right {
  width: 85px;
  margin: auto;
  margin-top: 20px;
}


#165 Flor@@

Flor@@

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

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

Отправлено 20 Март 2015 - 14:57

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

#166 Alekseys

Alekseys

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

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

Отправлено 20 Март 2015 - 17:13

Просмотр сообщенияFlor@@ (20 Март 2015 - 14:57) писал:

спасибо стало гораздо лучше. как увеличить теперь само пуп-ап окно по ширине и высоте?
и
как сделать так, чтобы выплывало окно с надписью "Ваше сообщение отправлено", и чтобы посетитель при этом оставался бы на предыдущей странице.
В main.css добавьте
.fancybox-skin {
  width: 400px!important;
  height: 400px!important;
}
.fancybox-inner {
  width: 400px!important;
}
и отредактируйте параметры.

#167 Flor@@

Flor@@

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

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

Отправлено 20 Март 2015 - 19:07

получилась абраакадабра....

и


как сделать так, чтобы выплывало окно с надписью "Ваше сообщение отправлено", и чтобы посетитель при этом оставался бы на предыдущей странице.


#168 Alekseys

Alekseys

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

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

Отправлено 20 Март 2015 - 19:21

Просмотр сообщенияFlor@@ (20 Март 2015 - 19:07) писал:

получилась абраакадабра....

и


как сделать так, чтобы выплывало окно с надписью "Ваше сообщение отправлено", и чтобы посетитель при этом оставался бы на предыдущей странице.

Вы не добавили стиль
.fancybox-skin {
  width: 400px!important;
  height: 400px!important;
}


#169 Flor@@

Flor@@

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

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

Отправлено 24 Март 2015 - 08:41

вот что из кода сейчас есть:
/*Форма обратного звонка*/
.fancybox-skin {background: white;}
#fancybox-content textarea, #fancybox-content input {
  border: 1px solid #000;
  margin: 4px;
  width: 400px!important;
  height: 400px!important;
}
.fancybox-inner {
  width: 400px!important;
}


#header .blocks .rght li.telephone.padd, #header .blocks .rght ul li.title {
margin: 0 auto;
  display: block;
  text-align: center;

}
a.callback {
  text-align: center;
  display: block;
  font-size:15px;
}

.fancybox-inner .content {
  height: auto;
  box-shadow: none;
}
#callback_person {
  border: 1px solid grey;
}
#callback_phone {
  border: 1px solid grey;
}
#callback_comment {
  border: 1px solid grey;
  margin-top: 5px;
  width: 166px;
}
.back-link {
  padding-left: 0!important;
}
.fancybox-inner .buttons .right {
  width: 85px;
  margin: auto;
  margin-top: 20px;
}


#170 Flor@@

Flor@@

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

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

Отправлено 29 Март 2015 - 20:00

подскажите, пожалуйста, как теперь:
1. поменять высоту для ячеек для заполнения и их ширину
2. увеличить ширину всей формы обратного звонка, к
3. как стилизовать цвет надписей внутри формы
4. стилизовать саму кнопку "отправить"
5. ссылку на главную поместить под кнопку
6. как стилизовать саму кнопку заказа обратного звонка с витрины сайта
????
245786

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

  • платеж.jpg


#171 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 30 Март 2015 - 10:08

Просмотр сообщенияFlor@@ (29 Март 2015 - 20:00) писал:

подскажите, пожалуйста, как теперь:
1. поменять высоту для ячеек для заполнения и их ширину
2. увеличить ширину всей формы обратного звонка, к
3. как стилизовать цвет надписей внутри формы
4. стилизовать саму кнопку "отправить"
5. ссылку на главную поместить под кнопку
6. как стилизовать саму кнопку заказа обратного звонка с витрины сайта
????
245786

1) К полям имени и телефона можете привязаться через код:
form.callbackForm input {
тут Ваши стили
}

к полю комментария через код:
form.callbackForm textarea {
тут Ваши стили
}

2) Если Вы увеличите ширину ячеек, форма так же увеличится.
3) Заголовки к полям можно стилизовать через:
form.callbackForm label {
тут Ваши стили
}

4) Для кнопки подключите стили через:
form.callbackForm button {
тут Ваши стили
}

5) В шаблоне Обратный звонок найдите код:
<div class="buttons">
		<div class="left">
		  <p class="back-link"><a href="http://{NET_DOMAIN}/">Перейти на главную</a></p>
		</div>
		<div class="right">
		  {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
		</div>
	  </div>

и замените на:
<div class="buttons">
		<div class="right">
		  {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
		</div>
		<div class="left">
		  <p class="back-link"><a href="http://{NET_DOMAIN}/">Перейти на главную</a></p>
		</div>
	  </div>

6) К кнопке заказа можно привязаться через стиль:
a.callback.fancybox.ajax {
тут Ваши стили
}


#172 sibulba

sibulba

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

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

Отправлено 30 Март 2015 - 12:15

добрый день.
подскажите
не могу найти стиль
#fancybox-outer
для формы обратный звонок
где его найти?

#173 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 30 Март 2015 - 12:25

Просмотр сообщенияsibulba (30 Март 2015 - 12:15) писал:

добрый день.
подскажите
не могу найти стиль
#fancybox-outer
для формы обратный звонок
где его найти?

Здравствуйте. Вы можете в стили main.css добавить код:
#fancybox-outer {тут Ваш код стилей}


#174 sibulba

sibulba

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

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

Отправлено 30 Март 2015 - 14:09

подскажите как реализовать

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

#175 Flor@@

Flor@@

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

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

Отправлено 30 Март 2015 - 18:36

прописала согласно инструкции, стало лучше, но:
1. не стилизуется все равно кнопка по ширине и высоте
2. не стилизуется ширина поля для ввода комментариев.
3. и как сделать пробел между полем для ввода имени и полем для ввода телефона? они сливаются.
4. border: 2px solid #81a700; не применяется к полю для ввода телефона и имени.

#176 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Апрель 2015 - 03:29

Просмотр сообщенияsibulba (30 Март 2015 - 14:09) писал:

подскажите как реализовать

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

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


Просмотр сообщенияFlor@@ (30 Март 2015 - 18:36) писал:

прописала согласно инструкции, стало лучше, но:
1. не стилизуется все равно кнопка по ширине и высоте
2. не стилизуется ширина поля для ввода комментариев.
3. и как сделать пробел между полем для ввода имени и полем для ввода телефона? они сливаются.
4. border: 2px solid #81a700; не применяется к полю для ввода телефона и имени.

1. В main.css найдите похожий блок стилей
form.callbackForm button {
background: -moz-linear-gradient(left center , #fb7e3e 0%, #ac2c77 160%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 3px;
height: 30px;
width: 70px;
}

замените по примеру:
form.callbackForm button {
background: -moz-linear-gradient(left center , #fb7e3e 0%, #ac2c77 160%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 3px;
color: #fff;
height: 30px !important;
width: auto;
}

2. В main.css найдите:
#callback_comment {
border: 1px solid grey;
margin-top: 5px;
width: 166px;
}
замените на:
#callback_comment {
border: 1px solid grey;
height: 30px;
margin-top: 5px;
max-width: 248px;
vertical-align: middle;
width: 248px;
}

3,4.В main.css найдите:
form.callbackForm input {
border: 2px solid #81a700;
height: 28px;
width: 250px;
}
замените на:
form.callbackForm input {
border: 2px solid #81a700 !important;
height: 28px;
margin-top: 5px;
width: 250px;
}


#177 sibulba

sibulba

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

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

Отправлено 07 Апрель 2015 - 10:14

Просмотр сообщенияVaccina (07 Апрель 2015 - 03:29) писал:

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

#178 sibulba

sibulba

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

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

Отправлено 08 Апрель 2015 - 00:36

ап

#179 sibulba

sibulba

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

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

Отправлено 08 Апрель 2015 - 14:16

ап

#180 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

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

Сделал несколько дней назад заказ обратного звонка. Всё работало, отлично, но сейчас при нажатии на кнопку Заказать звонок вылезает просто пустое окошко.
Делал бекап (создавал когда всё работало отлично), но ничего не происходит...
Пробовал на разных браузерах, ничего не работает...

obratniy-zvonok.jpg





Темы с аналогичным тегами обратный звонок, обновления

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

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