Jump to content
Sign in to follow this  
Toxa

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

Recommended Posts

Добрый день!

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

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

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

Share this post


Link to post
Share on other sites

1) html

<a href="#">Вверх</a>

2) js

<A href="javascript:void(0)" onclick="scroll(0,0)">вверх</A>

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

В opencart 1.5.5.1 это реализовано по умолчанию

Share this post


Link to post
Share on other sites

Это конечно хорошо, но у меня 1.5.1.3 :(

Может кто подскажет по аналогии?

Share this post


Link to post
Share on other sites

Вообще-то в 1.5.1.3 по умолчанию страница скроллируется вверх.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Может кто глянет за отдельную плату? Надо )

Share this post


Link to post
Share on other sites

Могу сделать :)

Как раз недавно эти оповещения ковырял и убирал эту функцию

Share this post


Link to post
Share on other sites

откройте файл 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

Share this post


Link to post
Share on other sites

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

 

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

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

 

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

Share this post


Link to post
Share on other sites

вместо слоу можно поставить скорость в миллисекундах :)

будет быстрее

  • +1 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.