Dawn Theme - Page jumps down when selecting product variant

Store Design
,
1

Hi!

I’m having trouble with my product page. When i choose other variant of the product, page jumps down and header section hides.

1 Like
2

Would you mind to share your URL website? with password if its protected. Thanks!

3

https://hoodeer.shop/

1 Like
4

Hi @webizito

Th default Dawn them does not get the affect like that. I guess that come from 3rd party swatches app that you are using.

5 
document.addEventListener('DOMContentLoaded', function () {
  var selectElements = document.querySelectorAll('select');
  if (selectElements) {
    selectElements.forEach(function (select) {
      select.addEventListener('change', function () {
        var header = document.querySelector('.header-wrapper');
        var scrollPosition = window.pageYOffset;
        var rect = header.getBoundingClientRect();
        window.scrollTo(0, scrollPosition + rect.top);
      });
    });
  }
});

Please try this script.

Thanks.

6

Where should i put that script?

7

In your JS file