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


Сузить Окно Формы Быстрого Оформления Заказа


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

#1 JUMP

JUMP

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

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

Отправлено 09 Ноябрь 2015 - 19:42

Вобщем сабж.Как сузить форму быстрого отправления заказа в открытом положении

#2 JUMP

JUMP

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

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

Отправлено 09 Ноябрь 2015 - 19:54

SL-360450



#3 Danil

Danil

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

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

Отправлено 09 Ноябрь 2015 - 20:05

Просмотр сообщенияJUMP (09 Ноябрь 2015 - 19:42) писал:

Вобщем сабж.Как сузить форму быстрого отправления заказа в открытом положении
Здравствуйте.
В конец main.css добавьте
.fancybox-inner {
	max-width: 720px !important;
}


#4 polosatoff

polosatoff

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

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

Отправлено 18 Декабрь 2015 - 17:40

Класс! То что надо!

#5 eCiGi

eCiGi

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

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

Отправлено 31 Май 2016 - 11:45

Просмотр сообщенияDanil (09 Ноябрь 2015 - 20:05) писал:

Здравствуйте.
В конец main.css добавьте
.fancybox-inner {
max-width: 720px !important;
}

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

#6 Danil

Danil

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

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

Отправлено 31 Май 2016 - 12:33

Просмотр сообщенияeCiGi (31 Май 2016 - 11:45) писал:

Я хочу реализовать практически тоже самое, но в процентном соотношении в зависимости от разрешения экрана, ширина поля для быстрого заказа должна иметь отступ справа и слева 20% от разрешения экрана, ну и чтобы адаптивность работала для любых разрешений устройств.
Здравствуйте.
В конец main.css добавьте
.fancybox-inner, .fancybox-wrap {
	width: 100% !important;
	right: 0 !important;
	left: 0 !important;
	margin: 0 auto;
}
изменяйте значение 100% на свое.

#7 eCiGi

eCiGi

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

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

Отправлено 31 Май 2016 - 13:17

Дорый день, Danil!
С окном быстрого заказа стало все красиво, но теперь при нажатии кнопки "в корзину" некрасиво растягивает всплывающее окно.

#8 Danil

Danil

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

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

Отправлено 31 Май 2016 - 13:35

Просмотр сообщенияeCiGi (31 Май 2016 - 13:17) писал:

Дорый день, Danil!
С окном быстрого заказа стало все красиво, но теперь при нажатии кнопки "в корзину" некрасиво растягивает всплывающее окно.
В main.css код
.fancybox-inner, .fancybox-wrap {
		width: 90% !important;
		right: 0 !important;
		left: 0 !important;
		margin: 0 auto;
}
замените на
.fancybox-inner, .fancybox-wrap {
		right: 0 !important;
		left: 0 !important;
		margin: 0 auto;
}
В main.js найдите код
		// При изменении размера окна изменяем размер окна оформления заказа
		onUpdate  : function(){
		  var w = $(window).width()*0.8;
изменяйте значение 0.8(ширина).




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

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