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


Всплывающее Окно После Оформления Заказа


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

#1 Астория

Астория

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

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

Отправлено 27 Декабрь 2016 - 23:37

Здравствуйте.
Подскажите, пожалуйста, возможно ли сделать всплывающее окно с текстом, как показано на скрине?

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

  • Спасибо за заказ.png


#2 Vaccina

Vaccina

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

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

Отправлено 28 Декабрь 2016 - 01:40

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

Зайдите в раздел Сайт - Редактор шаблонов - Просмотр заказа - в самом начале шаблона вставьте:
<script>
var content = 'Спасибо за заказ!<br/>В самое ближайшее время мы свяжемся с вами для согласования всех условий покупки.';
$.fancybox({
content: content
});
</script>

Результат будет следующим:
123.jpg

#3 Астория

Астория

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

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

Отправлено 28 Декабрь 2016 - 05:01

Просмотр сообщенияVaccina (28 Декабрь 2016 - 01:40) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Просмотр заказа - в самом начале шаблона вставьте:
<script>
var content = 'Спасибо за заказ!<br/>В самое ближайшее время мы свяжемся с вами для согласования всех условий покупки.';
$.fancybox({
content: content
});
</script>

Результат будет следующим:
Прикрепленный файл 123.jpg

А увеличить размер шрифта в тексте и цвет текста сделать более ярким можно? Так же надо распределить сам текст пропорционально окну.
И фон самого окна сделать более заметным, что бы не так сливалось всё с общим цветом страницы.
Подскажите, пожалуйста, как это реализовать.
Спасибо.

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

  • Спасибо за заказ.png


#4 Vaccina

Vaccina

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

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

Отправлено 28 Декабрь 2016 - 06:33

Если изменять стили самого окна(фон, закрывающий крестик и подобное), то эти стили применятся ко всем окнам, например когда увеличиваем фото товара, вас устроит подобное изменение?
Также опишите пожалуйста подробней, какие цвета необходимы для шрифта и фона всплывающего окна.

#5 Астория

Астория

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

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

Отправлено 28 Декабрь 2016 - 13:32

Просмотр сообщенияVaccina (28 Декабрь 2016 - 06:33) писал:

Если изменять стили самого окна(фон, закрывающий крестик и подобное), то эти стили применятся ко всем окнам, например когда увеличиваем фото товара, вас устроит подобное изменение?
Также опишите пожалуйста подробней, какие цвета необходимы для шрифта и фона всплывающего окна.

Спасибо за быстрый ответ.
Само окно выглядит так, как мы и хотели. Стиль менять нет необходимости.
Хотелось бы изменить немного цвет и размер шрифта, так же фон окна сделать более выразительным. Ну и сам текст в окне что бы располагался по всему окну, что бы не было пустых мест.
Примерный образец прилагаю скрином.
Это можно сделать?

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

  • Спасибо за заказ.png


#6 Астория

Астория

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

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

Отправлено 29 Декабрь 2016 - 13:15

Кто-нибудь ответит?

#7 Ирина345

Ирина345

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

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

Отправлено 29 Декабрь 2016 - 16:52

Просмотр сообщенияАстор (28 Декабрь 2016 - 13:32) писал:

Спасибо за быстрый ответ.
Само окно выглядит так, как мы и хотели. Стиль менять нет необходимости.
Хотелось бы изменить немного цвет и размер шрифта, так же фон окна сделать более выразительным. Ну и сам текст в окне что бы располагался по всему окну, что бы не было пустых мест.
Примерный образец прилагаю скрином.
Это можно сделать?
Здравствуйте, что бы изменить таким образом блок, добавьте в начало шаблона Просмотр заказа код.
<style>.fancybox-skin {
	border: 8px solid #fff;
	border-radius: 21px;
	font-size: 20px;
	text-align: center;
	padding: 9px !important;
	background: #000 !important;
	color: #fff !important;
}
</style>


#8 Астория

Астория

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

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

Отправлено 29 Декабрь 2016 - 23:46

Просмотр сообщенияИрина345 (29 Декабрь 2016 - 16:52) писал:

Здравствуйте, что бы изменить таким образом блок, добавьте в начало шаблона Просмотр заказа код.
<style>.fancybox-skin {
border: 8px solid #fff;
border-radius: 21px;
font-size: 20px;
text-align: center;
padding: 9px !important;
background: #000 !important;
color: #fff !important;
}
</style>

Спасибо за ответ.
Всё получилось, но хотелось бы улучшить. Помогите, пожалуйста.
Прилагаю фото.

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

  • Спасибо за заказ2.png


#9 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 30 Декабрь 2016 - 07:53

Просмотр сообщенияАстор (29 Декабрь 2016 - 23:46) писал:

Спасибо за ответ.
Всё получилось, но хотелось бы улучшить. Помогите, пожалуйста.
Прилагаю фото.

Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
В самый конец шаблона main.css добавить, пожалуйста, данный код:

.fancybox-inner {
	overflow: hidden !important;
	height: auto !important;
	padding: 5px;
}


#10 Астория

Астория

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

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

Отправлено 30 Декабрь 2016 - 13:34

Просмотр сообщенияRayLi (30 Декабрь 2016 - 07:53) писал:

Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
В самый конец шаблона main.css добавить, пожалуйста, данный код:

.fancybox-inner {
overflow: hidden !important;
height: auto !important;
padding: 5px;
}

Спасибо большое, всё получилось.

#11 Астория

Астория

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

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

Отправлено 25 Январь 2017 - 23:41

Просмотр сообщенияАстор (30 Декабрь 2016 - 13:34) писал:

Спасибо большое, всё получилось.

Здравствуйте.
Всплывающее окно получилось так, как и хотели. Но вот обнаружилась проблема.
После оформления заказа данное окошко появляется, вроде всё как надо. Однако это же окошко так же постоянно появляется и после:
- При просмотре данных заказа при переходе по ссылке в письме покупателю это окошко открывается ПОСТОЯННО, при всех последующих просмотрах, даже тогда, когда заказ уже полностью исполнен, это окошко продолжает так же открываться.
- При просмотре "Страницы заказа" из "Администрирования заказа"  это окошко так же, повторяю, ПОСТОЯННО открывается, буквально при каждом просмотре.
Ведь так не должно быть.
Подскажите, пожалуйста, как сделать так, что бы данное всплывающее окно "Спасибо за заказ..." появлялось только после оформления заказа, и никак больше.

#12 Астория

Астория

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

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

Отправлено 29 Январь 2017 - 01:39

Просмотр сообщенияАстор (25 Январь 2017 - 23:41) писал:

Здравствуйте.
Всплывающее окно получилось так, как и хотели. Но вот обнаружилась проблема.
После оформления заказа данное окошко появляется, вроде всё как надо. Однако это же окошко так же постоянно появляется и после:
- При просмотре данных заказа при переходе по ссылке в письме покупателю это окошко открывается ПОСТОЯННО, при всех последующих просмотрах, даже тогда, когда заказ уже полностью исполнен, это окошко продолжает так же открываться.
- При просмотре "Страницы заказа" из "Администрирования заказа"  это окошко так же, повторяю, ПОСТОЯННО открывается, буквально при каждом просмотре.
Ведь так не должно быть.
Подскажите, пожалуйста, как сделать так, что бы данное всплывающее окно "Спасибо за заказ..." появлялось только после оформления заказа, и никак больше.

Кто-нибудь, помогите решить проблему




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

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