Ломается вёрскта после нажатия на кнопку покупки товара

@cherkas_a · Регистрация: 02.12.2013

Студворк — интернет-сервис помощи студентам

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

@boilzzz · 04.08.2016, 10:02

cherkas_a, Мое предположение таково, вам надо искать конфликтующий скрипт. Возможно который задает кнопки после нажатия на закрытия popup окна,

CSS
1
2
3
4
5
.box-product div .cart {
    bottom: 36px;
    position: absolute;
    transition: all 1s ease-out;
}

То есть значение bottom: -36px; после закрытия окна прыгает и становится значением bottom: 36px;
Как вариант попробуйте перераспределитель на другой класс, допустим не .car а что нибудь этакое экзотическое. Если проблема нерешиться. пишите)

@Fedor92 · 04.08.2016, 11:46

cherkas_a, а у Вас не возникала мысль убрать кнопку после того, как на неё нажали?

@cherkas_a · 04.08.2016, 23:22 **[ТС]**

Fedor92, в смысле убрать? она и так убирается назад.

boilzzz , к сожалению Ваш совет не помог, полностью убрал класс и поставил уникальный id. ничего не изменилось. Вы пишите, что значение bottom меняется с - на +, но это не так, так как если бы было +36, то кнопка не была бы прижата к низу а была приподнята. Кроме этого не срабатывает position:absolute, из за этого и идет смещение верхних блоков.

@Fedor92 · 04.08.2016, 23:37

Сообщение от cherkas_a

в смысле убрать? она и так убирается назад

Не убирается она, во всяком случае у меня и xldbuftn контент вверх... Могу скрин прицепить, если надо...

@cherkas_a · 04.08.2016, 23:48 **[ТС]**

прицепите

@Fedor92 · 04.08.2016, 23:57

Сообщение от cherkas_a

прицепите

Сначала стили надо вернуть...

Кстати сейчас лучше смотрится сайт, чем раньше...

А вот и скрин:

Ломается вёрскта после нажатия на кнопку покупки товара

@cherkas_a · 05.08.2016, 00:20 **[ТС]**

тут мне кажется дело даже не в CSS. Ведь остальные товары не едут. А все классы у них одинаковые. Мне кажется, что из за всплывающего окна подвисает сам браузер. т.е. он запоминает состояние в котором находиться страница до всплывающего окна, а после закрытия окна он возвращает всё как было. А раз наведения и снятия мышки с блока нету, то и изменений нету, но почему не работает pjsition:absolute не понятно.

Добавлено через 4 минуты
абсолютно правильный скриншот, это и есть проблема. кнопка сама появляется после закрытия окна и не прячется как остальные.

@Fedor92 · 05.08.2016, 00:53

Сообщение от cherkas_a

кнопка сама появляется после закрытия окна и не прячется как остальные.

Вот именно на этот баг я и обратил Ваше внимание... Надо бы попробовать убрать кнопку до появления формы... Как вариант, на событие onclick можно посадить две функции, первая - чтобы убрать кнопку, вторая - чтобы вызвать окно...

@cherkas_a · 05.08.2016, 01:01 **[ТС]**

если можно, подробнее расскажите как убрать кнопку при клике. Это как то нужно задать ей значение -36 без времени (transition)

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 11.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 10.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@cherkas_a 0 / 0 / 1 Регистрация: 02.12.2013 Сообщений: 21

	Ломается вёрскта после нажатия на кнопку покупки товара 04.08.2016, 08:33. Показов 1512. Ответов 9 Метки нет (Все метки) Здравствуйте, есть САЙТ, интернет магазин который сейчас в разработке. При наведении на товар на главной всплывает кнопка купить, нажимаем купить (бывают товары с опциями, тогда перебрасывает в сам товар, тогда нужно выбрать какой то другой товар), лучше всего выбрать самый левый товар. Товар попадает во всплывающую корзину а на затемненном фоне видно как кнопка купить прячется обратно. Теперь, если закрыть всплывшую корзину нажав не крестик или на затемненное место (только не на купленном товаре иначе может быть не видно проблемы), то в блоке с купленным товаром кнопка купить выскакивает с низу и сдвигает все верхние блоки за "горизонт". Становиться видно пол изображения товара и всё сдвинуто вверх. Если на блок с этим товаром навести мышку, то всё восстанавливается. Подскажите пожалуйста, как побороть эту проблему? 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	04.08.2016, 11:46
	cherkas_a, а у Вас не возникала мысль убрать кнопку после того, как на неё нажали? 0

@cherkas_a 0 / 0 / 1 Регистрация: 02.12.2013 Сообщений: 21
	04.08.2016, 23:22 [ТС]
	Fedor92, в смысле убрать? она и так убирается назад. boilzzz , к сожалению Ваш совет не помог, полностью убрал класс и поставил уникальный id. ничего не изменилось. Вы пишите, что значение bottom меняется с - на +, но это не так, так как если бы было +36, то кнопка не была бы прижата к низу а была приподнята. Кроме этого не срабатывает position:absolute, из за этого и идет смещение верхних блоков. 0

@cherkas_a 0 / 0 / 1 Регистрация: 02.12.2013 Сообщений: 21
	04.08.2016, 23:48 [ТС]
	прицепите 0

@cherkas_a 0 / 0 / 1 Регистрация: 02.12.2013 Сообщений: 21
	05.08.2016, 00:20 [ТС]
	тут мне кажется дело даже не в CSS. Ведь остальные товары не едут. А все классы у них одинаковые. Мне кажется, что из за всплывающего окна подвисает сам браузер. т.е. он запоминает состояние в котором находиться страница до всплывающего окна, а после закрытия окна он возвращает всё как было. А раз наведения и снятия мышки с блока нету, то и изменений нету, но почему не работает pjsition:absolute не понятно. Добавлено через 4 минуты абсолютно правильный скриншот, это и есть проблема. кнопка сама появляется после закрытия окна и не прячется как остальные. 0

@cherkas_a 0 / 0 / 1 Регистрация: 02.12.2013 Сообщений: 21
	05.08.2016, 01:01 [ТС]
	если можно, подробнее расскажите как убрать кнопку при клике. Это как то нужно задать ей значение -36 без времени (transition) 0