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
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
.
