Event Sorting issues
-
I use OceanWP and Elementor to create my website. For my calendar I use The Events Calendar Pro. On my Homepage (build with Elementor) I use “Event Widgets For Elementor and The Events Calendar” to list six upcoming events. At least in theory. My problem is: I can’t get the events sorted correctly. In the date settings for the widget in the Elementor editor, I select “ASC,” and in the backend they are displayed in ascending order, but on the frontend the order is always completely random. It seems as though Elementor is interfering with the sorting and overriding the widget’s settings. Is this a known issue? How can I solve this?
The page I need help with: [log in to see the link]
-
Hi @simonarnold1801,
Sorry for the inconvenience caused.
We checked the same scenario from our end, and the ascending/descending sorting is working completely fine.
Could you please provide the list of plugins currently active on your website so that we can check if there is any plugin conflict or any other issue causing this behavior?
Thanks & RegardsHi @vishali009,
Thanks for you quick reply.
Pls find the list of plugins here:
https://riddim.world/wp-content/uploads/1775651521_plugin-details.csv
Thanks, SimonHi @simonarnold1801,
Thank you for sharing the list of plugins.
There might be a plugin conflict causing this issue.
We would recommend that you please deactivate each plugin one by one and perform a hard refresh (CTRL + SHIFT + R) of the page after every deactivation, then check whether the sorting issue gets resolved.
Also, please share the widget settings / screenshot of the widget configuration, so that we can verify the same settings at our end and check the issue more accurately. [For reference]
Please let us know the results after following these steps, and we will be happy to assist you further.
Thanks & RegardsHi @vishali009,
it seems to be the WooCommerce plugin that causes the conflict. As soon as I deactivate it, the sorting works just fine.
Find the screenshot of the widget’s settings here: https://ibb.co/YB315zp1
Thanks for your support,
SimonHi @simonarnold1801,
That’s great to know, and thank you for checking this from your end.
Although this issue should ideally not occur just because WooCommerce is installed, we noticed that you are also using the “Filter Everything — WordPress & WooCommerce Filters” plugin.
Could you please try deactivating this plugin as well while keeping WooCommerce active, and then check whether the sorting issue still appears?
If the sorting issue still remains with only WooCommerce active, please share the configuration/settings you are using in WooCommerce, so that we can verify the same setup at our end.
If the issue appears to be caused by the “Filter Everything — WordPress & WooCommerce Filters” plugin, then please share the configuration/settings you are using for that plugin as well, so that we can test the same configuration and investigate the conflict.
Please let us know the results, and we will be happy to assist you further.
Thanks & RegardsHi @vishali009,
It’s definitely the WooCommerce plugin. I’ve deactivated the “Filter Everything” plugin as well as all other WooCommerce add-ons and plugins, leaving only the core WooCommerce plugin active, but the problem persists.
Find the a json-file with the settings here: https://limewire.com/d/hPH9j#CYupn9nH1h
Thanks,
SimonHi @simonarnold1801,
Thanks for reporting this.
This issue isn’t related to WooCommerce settings — those don’t affect how events are sorted. Since you’re using the Events Widgets for Elementor and The Events Calendar, the sorting is controlled by the widget query itself.
As a quick test:
- Try switching the sorting option to a different value and check if the output changes
- Also, check if the events display correctly when using the default widget of The Events Calendar plugin
If the sorting works correctly there but not in the widget, we’ll investigate and adjust the query in the widget accordingly.
Thanks!
Hi @vishali009,
thanks for your reply.
1. The output doesn’t change on the frontend when I switch the sorting option to a different value. It only does in the editor.
2. When I use a The Event Calendar default widget at the same position on my Homepage, the same issue appears.
However, I just realized that the issue doesn’t appear when I place the widgets on another position. There’s a shop preview on the same site with a few WooCommerce products in a loop carousel. The original (and planned) position of the dates widget under the shop preview has this sorting issue, the ones i placed above the shop preview don’t.
I tried to change the loop carousel settings from “Order by Popularity” to “Order by Date”. Then the widgets below sort by date as they should. So it seems like the Loop Carousel is applying its query/order by settings to the widgets below it, even though they’re in separate containers and there are other elements in between them.
Do you have any idea what might be causing this and how to work around it?See the issue on my staging site: https://riddim.world/mystaging01/
The event widgets above and under the shop preview share the same settings, but they behave different. The Shop-Loop Carousel is set to “Order by Popularity” now. (You can’t see the products, since the shop is not connected on the staging site.) As soon as I set “Order by Date” in the shop section, the widgets above and under the shop behave the same.
Thanks, Simon
Hi @simonarnold1801,
Thank you for sharing the detailed findings and the staging site link.
We checked the same configuration from our end and also tried to recreate different scenarios. You are absolutely right — when the Loop Carousel is set to “Order by Date”, everything works fine and the event widgets sort correctly.
However, when the Loop Carousel is switched to “Order by Popularity”, the sorting issue appears again.
Based on our testing, this does not appear to be an issue with The Events Calendar plugin or our Events Widgets For Elementor And The Events Calendar plugin. It seems to be related to the WooCommerce Loop Carousel query, where theorderbysetting is affecting other widgets on the page instead of being limited to its own container.
We would suggest to contact WooCommerce support and informing them that the carousel query seems to be affecting the full page, whereas it should only apply to the specific containerPlease let us know if you need any further assistance from our side.
Thanks & Regards
You must be logged in to reply to this topic.