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

Как при нажатии кнопки "В Корзину" возвращаться вверх страницы


Recommended Posts

Добрый день!

У меня на сайте после нажатия кнопки "В Корзину" - вверху в шапке открывается мини-корзина, с кнопкой "Оформить", но покупатель ее не всегда может увидеть, т.к. проскролил страницу чуть ниже чем её нижняя граница. Поэтому вопрос - как по событию нажатия кнопки "В Корзину" поднимать страницу вверх?

Отмечу, что на сайте уже присутствуе кнопка поднятия страницы вверх - https://opencartforum.com/topic/2487-скрипт-прокрутки-страницы-вверх/ - может можно использовать для этих целей её функции?

Заранее всем спасибо за помощь и ответы!

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


Вы привели ссылки "Вверх страницы"

Я имел ввиду - подниматься к вверху страницы при нажатии кнопки "В корзину", одновременно ложа товар в корзину.

Вот код кнопки "В корзину"

   <a id="button-cart" class="button5"><span><?php echo $button_cart; ?></span></a>

может туда можно что-то добавить чтобы поднимать страницу вверх?

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


А че вот так не работает?

<a href="#" id="button-cart" class="button5"><span><?php echo $button_cart; ?></span></a>

Нет, так при нажатии кнопки "В корзину" переходит на главную страницу по ссылке - site.com/#

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


Да, но дело в том, что у меня тема не дефолтная, не появляется сообщение что товар успешно добавлен в корзину - просто открывается мини-корзина на 5 секунд и потом закрывается.

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


  • 2 months later...

откройте файл common.js   в своей теме. Если нет, то общий и измените функцию AddToCart, там где  if (json['success']) {

 



if (json['success']) {
$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
				
$('.success').fadeIn('slow');
				
$('#cart_total').html(json['total']);
				
$('html, body').animate({ scrollTop: 0 }, 'slow'); 
}

 

посмотрите на строку $('html, body').animate({ scrollTop: 0 }, 'slow');

 

если ее нет, то просто надо добавить. Именно она отвечает за скролл вверх.

 

Но если сообщите адрес сайта, отвечать станет легче!

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

Огромное спасибо! :) Оно!

 

Я так понимаю если в строке

$('html, body').animate({ scrollTop: 0 }, 'slow'); 

 

вместо slow прописать fast то скрол должен быть быстрее? Поставил fast - скорость прежняя. А вообще - работает) Спасибо еще раз! 

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


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

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

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

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

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

Вхід

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

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

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

Important Information

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