Sticky Element jumps

If you open the “description” accordion below the image and then scroll down, the bottom element overlaps and then jumps. how can I solve this problem?

Attachments:

You must be logged in to view attached files.

Hello,

May be there is an issue with the 3rd party plugins. Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I will check and give you a possible solution.

Best Regards.

Hello,

I assume it is (partly) caused by the plugin “Extra Product Options” (EPO). If you check out product 1 the error will occur, but on product 2 the error doesn’t occur. I assume this is caused by some height miscalculations.

But I don’t think this problem is solely due to the EPO plugin. If you open the tab “Beschreibung” on product 1 and scroll down within the text, you see that the text runs outside of the viewport further down (look at the scrollbar in the field). This doesn’t happen with product 2.
When the “Beschreibung” tab is opened (on either one of the two products), the left column (product image + product tabs) is longer than the right column (product title + EPO area + price + add to cart button). If I solely look at the column heights in general the error could also come from the Woodmart plugin / theme since one time it works and one time it doesn’t.

Please take a look at it. Feel free to deactivate any plugin / theme. This is a testing instance without any real users.

Best regards

Hello,

Sorry but I did not see the issue on the products pages which you have shared. Please share the screenshot of the issue for a better understanding.

Best Regards.

now you should see it: https://staging.tegards.com/keilfenster/

Hello,

Now, I see the tabs but I do not able to reproduce the issue, can you please share the small video of the issue for a better understanding.

Best Regards.

here is the video:
“produkt sicherheit” –> OK perfect
“Zusätzliche Informationen” –> OK perfect
“Beschreibung” –> PROBLEM

https://youtu.be/cZbVNVwiIZ8

Hello,

Please navigate to the Theme Settings >> Custom JS >> Add the below code and then check back the site:

(function($) {
		$('.woodmart-sticky-column .wd-accordion-title').on('click', function() {
			$(window).scrollTop($(window).scrollTop() + 1).scrollTop($(window).scrollTop() - 1);
		});
	})(jQuery);

Best Regards.

I have added the code to JS, but unfortunately it doesn’t change anything.
Meanwhile the Accordion tab “Product Safety” doesn’t work anymore and causes the same problems as the tag “Description”. See screenshots in the attachment.

WP Rocket plugin is deactivated, so no caching.

Have you tested the code in our staging instance? The accesses here from the chat history are still active and you can test it.

Attachments:

You must be logged in to view attached files.

Hello,

We have modified the code we provided earlier. Please check the site now after removing the browser cache.

Best regards.

Unfortunately, the error is still there:
We have completely uninstalled WPRocket and repeatedly cleared the browser cache.
Sometimes on some browsers it works a few times, but then at a certain point the image jumps and from then on it no longer works.
But sometimes it doesn’t work at all the first time (especially with 100% zoom on my Surface). Then I set the browser zoom to 80%, for example, and then it suddenly works again until it suddenly stops working or it stops when i got back to 100% zoom,….
It often works at the very beginning when I clear the browser cache, but as soon as I do a refresh, the error occurs again. It seems that the code does not always load completely?

please log in to the stating instance and test things with different zoom levels of the browser. even if it looks like everything works at the first test, there is still a point where it suddenly doesn’t work anymore.
we have been trying for 6 hours now and are pretty desperate.
we have also tried different browsers, but the behaviour is the same everywhere.

here are two videos, one with edge browser and one with chrome.

https://youtu.be/VXPggzubKIQ
https://youtu.be/j6bxK4ER2i4

Hello,

The video shows the custom code without the modification we provided. Please replace it with the following and check again:

(function($) {
	$('.woodmart-sticky-column .wd-accordion-title').on('click', function() {
		setTimeout(function() {
			$(window).scrollTop($(window).scrollTop() + 1).scrollTop($(window).scrollTop() - 1);
		}, 1000);
	});
})(jQuery);

Best Regards.

Unfortunately this new code does not work either.
see 2 videos NEW with different browsers and no caching:

https://youtu.be/SkM4M8PflDY
https://youtu.be/wJUfFAge7dc

please test it in our staging environment and also with different zoom levels.

Hello,

We have updated the theme on your staging site to version 8.0.1 and removed the code, and it seems the issue is resolved: https://monosnap.com/file/1fNQKzwml8cMp7Eha6plOm4xL9DeNL. Please check this on your site.

Best Regards.

Hello,

Thank you very much. That works now!
Unfortunately, a new problem has arisen with the update. Please take a look at the footer. It has now completely collapsed. You move the mouse over it and all menu items, links etc… are displayed correctly, but nothing is selectable anymore?

our live version is running on tegards.com and the footer fits here
on staging.tegards.com you installed the woodmart update yesterday and since then the footer no longer works.

the footer is integrated via the widget. you are welcome to enter the staging instance with the access data for testing.
thanks

hi
do you have any news yet?
best regards

Hello,

Sorry for the late reply.

Some of your columns are unclickable because the far-left column in the footer has the Stretch Row option enabled, which causes it to overlap the adjacent columns. This is evident in the screenshot: https://monosnap.com/file/xZQQwtXpx5Qk5shwKoLVleiuzN8ivA.

Disable this option in the left column and check again.

Best Regards.

[Author]

Posts