Elementor shop archive layout not working with AJAX

Hi
I use the archive shop layout that I created with Elementor.
However, there are some features that doesn’t work with AJAX.
For example – in the archive page, after I change the amount of products per row or amount or products per page – there are 2 things that are not being loaded
1. cover image a the top of the page doesn’t contain the screen width
2. the sidebar form is no longer sticky.

I am using the latest version of theme and plugins and also used all avaialbe patches.
please check out this video
https://www.awesomescreenshot.com/video/13821130?key=ca36e6c3dd417df95ca8dff233aaf029

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

here it is

Hello,

Please disable “Stretch section” in the section provided by the Elementor by default, and enable the “Stretch section” by WoodMart: https://monosnap.com/file/BTNGIhEV6GqiwFWjoXyJyM9srHGCkJ and https://monosnap.com/file/cpwYVOvfYGXbw7JByockTdrliqE3xy

Please add this JS to Document ready in the Theme Settings > Custom JS to make the sidebar sticky:

jQuery(document).on('pjax:complete', function () {
		setTimeout( function () {
			if ( 'function' == typeof woodmartThemeModule.stickyColumn ) {
				woodmartThemeModule.stickyColumn();
			}
		}, 200);
	});

If you have any questions please feel free to contact us.

Best Regards

Hi
Thanks it’s working now.
I changed the pagination from “load more button” to “infinite scrolling” and now the sticky sidebar is “jumping” each time it loads more products.

see here – https://www.awesomescreenshot.com/video/13937982?key=6aa401b2f6fd9a9d5008b3fa90039abc

Hello,

Unfortunately, the sticky sidebar does not work with infinite scrolling.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts