Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Убрать кнопку купить


Recommended Posts

Добрый вечер. Подскажите, нужно добавить кнопку купить если кнопка купить(первая) появляется в видимой части экрана. По примеру как на проме в моб версии (для мобильной версии) класс для моб версии прописан. не могу ни как js накидать. может кто подскажет

сайт https://dom.myshoop.com.ua/alyuminievaya-sushilka-dlya-belya-napolnaya-elegant-18-m-, разрешения для примера 375

image.png.da3756ab6b3aa3ebefc01566d21358b9.png

 

Змінено користувачем IluaTsvetkov
Надіслати
Поділитися на інших сайтах


Если я верно понимаю, Вам нужно чтоб кнопка приклеивалась к низу окна после её проскроливания... 

$(window).on('scroll', function() {
  	if($(window).width() < /*точка начала мобильной версии */ 765){
 		if($(document).scrollTop()>$('#button-cart').offset().top - $('#top').height()) $('.il-product-buttons-row-mob').show();
  		else $('.il-product-buttons-row-mob').hide();
	}else $('.il-product-buttons-row-mob').hide();
});

Ну можно как-то так. 

Или если нужно отслеживать видимость кнопки купить (которая первая)

function inWindow(el) {
  var wTop = $(window).scrollTop(),
    wBottom = wTop + $(window).height(),
    elTop = $(el).offset().top,
    elBottom = elTop + $(el).height();

  return ((elBottom <= wBottom) && (elTop >= wTop));
}

//делаем проверку на видимость в области просмотра 
$(window).on('scroll', function() {
  	if($(window).width() < /*точка начала мобильной версии */ 365){
 		if(inWindow('#button-cart')) $('.il-product-buttons-row-mob').hide();
      	else $('.il-product-buttons-row-mob').show();
	}else $('.il-product-buttons-row-mob').hide();
});

 

Змінено користувачем Ulv
  • +1 1
Надіслати
Поділитися на інших сайтах

Подскажите, высоту вот сюда вписывать 

$(window).on('scroll', function() {
  	if($(window).width() 765){
 		if($(document).scrollTop()>$('#button-cart').offset().top - $('#top').height()) $('.il-product-buttons-row-mob').show();
  		else $('.il-product-buttons-row-mob').hide();
	}else $('.il-product-buttons-row-mob').hide();
});

 

image.png.1e6594cd1ff569c91ed3998885e47f53.png

Надіслати
Поділитися на інших сайтах


Может убрать?? Зачем вам 2 кнопки купить?

43 минуты назад, IluaTsvetkov сказал:

Подскажите, нужно добавить кнопку купить если кнопка купить(первая) появляется в видимой части экрана

2 вариант для вас. 

2 минуты назад, IluaTsvetkov сказал:

Подскажите, высоту вот сюда вписывать

Это ширина окна. 

Надіслати
Поділитися на інших сайтах

9 минут назад, Ulv сказал:

Может убрать?? Зачем вам 2 кнопки купить?

2 вариант для вас. 

Это ширина окна. 

Все работает. Супер, спасибо большое. Пол дня ковырялся :)

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.