After next page - go to top

[Vilius PromoApranga 24]

Hi I would like to change the theme a abit, how to make after paging to the next or previous page in products, to show page top? Not to stay in the same place?

[darruest 0]

Hi,

 

me too, it's tedious to have to scroll manually on page change...

I'm looking for a solution to that, but without success by now.

[Loboo 9]

Hi, 

 

Try this 

  $( '#products' ).on( 'click', '.js-search-link', function( event ) {
    var target = $( "#header" );
    if ( target.length ) {
      event.preventDefault();
      $( 'html, body' ).animate( {
        scrollTop: target.offset().top+300
      }, 1000 );
    }
  });

[fpereira 0]

Hi, I'm having same issue.

Where to to put you suggested code?

 

Thanks!

 

 

Hi, 

 

Try this 

  $( '#products' ).on( 'click', '.js-search-link', function( event ) {
    var target = $( "#header" );
    if ( target.length ) {
      event.preventDefault();
      $( 'html, body' ).animate( {
        scrollTop: target.offset().top+300
      }, 1000 );
    }
  });

[Loboo 9]

Im new prestashop 1.7.2.2 this feature is in stock.

 

Give me address your shop. i will try make compabilty code

[Snorreh 1]

Thanks, this works!

 

(added this to /themes/core.js)

Edited October 16, 2017 by Snorreh (see edit history)

[illycoffee 0]

Hi,

how could I fix the same issue in 1.7.1.1? Can I use the same code?

Didn't understand where to put it in /themes/core.js ... at the bottom?

Thanks

[Snorreh 1]

13 hours ago, illycoffee said:

Hi,

how could I fix the same issue in 1.7.1.1? Can I use the same code?

Didn't understand where to put it in /themes/core.js ... at the bottom?

Thanks

 

Yep just copy paste it to the very bottom, that's what did it for me. 

[Tajriba 0]

Works. Thanks!

[Flower7C3 0]

In PS 1.7.6 it might be this:

$(document).ready(() => {
  prestashop.on('updateProductList', () => {
    let target = $("#wrapper");
    if (target.length) {
      $('html, body').animate({
        scrollTop: target.offset().top
      }, 0);
    }
  });
});

 

This is taken from @Loboo's solutuon, but I scroll to #wrapper without animation time.

[Jean Francois G 150]

On 11/12/2019 at 6:21 PM, Flower7C3 said:

In PS 1.7.6 it might be this:

$(document).ready(() => {
  prestashop.on('updateProductList', () => {
    let target = $("#wrapper");
    if (target.length) {
      $('html, body').animate({
        scrollTop: target.offset().top
      }, 0);
    }
  });
});

 

This is taken from @Loboo's solutuon, but I scroll to #wrapper without animation time.

Don't work with my prestacrea theme... Is it just for default theme ?

[Flower7C3 0]

19 hours ago, Jean Francois G said:

Don't work with my prestacrea theme... Is it just for default theme ?

It works on my custom theme. You have check if updateProductList event and target element exists in Your code.

[Jean Francois G 150]

how can i do that   ? 

[fosilia 2]

Perfect for 1.7.6.4. Thanks.

[ilisiaraul 2]

The above code works perfect in PS 1.7.6.5 

Great job!

[hshaker 2]

works perfect in PS 1.7.6.1 --> themes/mytheme/assets/js/custom.js

$(document).ready(() => {
    prestashop.on('updateProductList', () => {
        let target = $("#wrapper");
        if (target.length) {
            $('html, body').animate({
                scrollTop: target.offset().top+350
            }, 500);
        }
    });
});

 

Edited May 29 by hshaker (see edit history)

[Toshi_akea 0]

I put it at the botton, but didn't work for me 😕

Prestashop 1.7.6.5

themes/mytheme/assets/js/custom.js

 

 

 

Edited June 1 by Toshi_akea (see edit history)

[hasan.shaker 1]

It’s normal, you have to empty the cache

[Toshi_akea 0]

On 6/1/2020 at 2:08 PM, hasan.shaker said:

It’s normal, you have to empty the cache

It works!

Thanks!