Masonry grid auto scrolls to top after going back form product page

Hi
After setting up grid style as Masonry

For eg. I am on Product list page at the bottom of the page and i click on the product and go to a product page and when i click on Browser Back button page then product list position should be at the bottom of the page but it scrolls back to top very quickly.

screen recording of before and after enabling masonry style
https://photos.app.goo.gl/4UB244Fnv7EdM9846

Hello,

I have visited the URL you provided and the shop page is not scrolling to the top after clicking the back button.

Video for Clarification: https://jmp.sh/5leM4Ms

Please clear cache and check back.

Regard’s.
Xtemos Studio.

Hi
It happens in chrome and opera.

Please login and check it happens just checked again.

screen recording on mobile chrome
https://photos.app.goo.gl/M2pxnB2ZBf12yfEn7

It happens on firefox too.
https://photos.app.goo.gl/Qd6f7XP9BfHY9HDH8

Hello,

I have visited your website. Sorry but there is no option to change this behavior of the browsers.

This is not an issue by any means. This is how the browsers work and our theme doesn’t influence them.

Regard’s.
Xtemos Studio.

Hi
it only happens when masonry style is selected.
I checked its happens on all browser.
how can these be not themes bug.

I have visited your website. Sorry but there is no option to change this behavior of the browsers.

This is not an issue by any means. This is how the browsers work and our theme doesn’t influence them.

I didnt liked the way you treat customers.
I am just reporting the bug.
I am using themes with same feature but they never had this bug. so its not browser related bug it theme bug
Thanks

Hello,

When you visit the product, and then go back to the previous page it starts from the top of the page. Sorry, but it is not a bug but how our theme works.

Kind Regards

When you visit the product, and then go back to the previous page it starts from the top of the page. Sorry, but it is not a bug but how our theme works.

Thats not ideal Behaviour of any modern browser.

If you are not satisfied with our theme, we can return your money back. But it is not our theme’s bug and your review on ThemeForest is not about the theme.

Hi
Brother really I like this theme very much I used Flatsome theme for 6 years and it also had same masonry feature but did’t had this bug.

And I am using it for my own business store. I am not a developer or a designer or any agency.

Its just that I have reported a bug and you guys are not accepting it.
I opened 2 Topics today on support forum. On both topic same type of response.
No I don’t want refund thanks for asking. Won’t bother you guys again..Sorry

Love and Regards.

If you are not satisfied with our theme, we can return your money back. But it is not our theme’s bug and your review on ThemeForest is not about the theme.

gave 5 star…

Thank you very much for your review and for understanding.

Are you able to install some theme with similar functionality so we can compare how they work?

Your second issue is because of the old version of the theme and will be fixed when you update it.

Hi
I have installed and activated , you can check.
https://flikary.com/product-category/women-clothing/

Thanks

Strange, but it works in the same way on our demo here https://woodmart.xtemos.com/shop-masonry/
Does it happen in Google Chrome too?

hi
Attached Screen Recording

Yes I have checked on Mobile chrome its happens

So it happens on mobile devices only? It seems to work correctly on desktop as you recorded https://gyazo.com/ee4d935f8be4ef3a406759e9dba25bd3

Regards

Hi
Problem occurred sometimes(when images are not cached) and sometimes not(when images are cached).

I managed to solved this issue by disabling masonry option from theme options.
Gave aspect ratio to each product image via css.
&
Initialised isotope manually via custom JS

<script>
jQuery(document).ready(function(){
jQuery('.products.elements-grid').isotope({
  // options
  itemSelector: '.product-grid-item'
});
 }); 
 jQuery( document ).ajaxComplete(function() {
 jQuery('.products.elements-grid').isotope({
  // options
  itemSelector: '.product-grid-item'
});
});   
</script>

You can see I am using jQuery( document ).ajaxComplete() to detect ajaxcomplete which I don’t feel safe. Can you please provide event name when theme’s Ajax request is successful.

Thanks

You can use the following code to call your code on our theme’s AJAX complete

jQuery(document).on('pjax:end', function () {
   // your code.
});

[Author]

Posts