[opicron]

I have finished my implementation for my client. Thank you for the theme. It looks really well an implements nicely with Woo composite products and Woo bundled products.

Two layouts on pages seem very jumpy on loading, namely:

BBQ spicy chicken

and

https://www.meatdennis.nl/product-category/recept/

Could you help me fix these that they do not jump and others pages do not change? I can donate/pay for your work.

[Althemist]

Hello opicron,

Not really sure what do you mean by “jumping”. Could you, please explain more? If it’s the layout shift, I am afraid that can’t be avoided, because of the JS controlled page elements. The JS needs to run on the page before the final layout is formed. However, if you enable the preloader, the layout shift would not be visible.

[opicron]

Yes, I mean the layout shift. I figured that if I find out which element is changing size I could force the default height. Any chance you can tell me which element is being resized so I can fix it with a bandaid? =)

[Althemist]

There are many elements controlled by JS and it’s not theme related, it’s how WP Bakery page builder works. Layout shifts can be caused even by fonts. In your specific case exactly the font is the reason for the biggest layout shift (at least on that single product page). The other reason is the product gallery, but that’s how the default WooCommerce gallery work.

[opicron]

Thank you for your support. I will see if I can tweak some css settings. The kick in the right direction definately helps.

[Author]

Posts