After next page - go to top

[Vilius PromoApranga]

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]

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]

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]

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]

Im new prestashop 1.7.2.2 this feature is in stock.

 

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

[Snorreh]

Thanks, this works!

 

(added this to /themes/core.js)

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

[illycoffee]

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]

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]

Works. Thanks!

[Flower7C3]

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]

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]

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]

how can i do that   ? 

[fosilia]

Perfect for 1.7.6.4. Thanks.

[ilisiaraul]

The above code works perfect in PS 1.7.6.5 

Great job!

[hshaker]

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, 2020 by hshaker (see edit history)

[Toshi_akea]

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, 2020 by Toshi_akea (see edit history)

[hasan.shaker]

It’s normal, you have to empty the cache

[Toshi_akea]

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

It’s normal, you have to empty the cache

It works!

Thanks!

[Oleg Tortajada]

Worked with 1.7.6.8, failed for 1.7.7.0

Edited March 18, 2021 by Oleg Tortajada (see edit history)

[haitam.chtiba@gmail.]

On 7/17/2017 at 12:56 PM, Loboo said:

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 );
    }
  });

Worked for me on PrestaShop 1.7.7.1

I added to code to /themes/core.js

Thanks !

Edited March 9, 2021 by haitam.chtiba@gmail. (see edit history)

[ADV_00]

I am using version 1.7.7.3. How can I proceed? the methods listed above did not work.
Thank you

[haitam.chtiba@gmail.]

Don't forget to delete cache after adding the function code to /themes/core.js

[ADV_00]

I can't find the core.js file in the file manager. Where is??

[haitam.chtiba@gmail.]

Core.js file is located on themes folder 

/themes/core.js 

 

Edited July 12, 2021 by haitam.chtiba@gmail. (see edit history)

[Prestafan1234]

$( '#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 );
    }
  });

I added the above code in /public_html/themes/mytheme/assets/js/custom.js and cleared cache. This works in PrestaShop 1.7.8.6. It is better not to correct in core files and use custom.js - the same goes for CSS corrections.