{"id":1011,"date":"2021-06-18T11:55:19","date_gmt":"2021-06-18T11:55:19","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=1011"},"modified":"2023-02-03T11:05:12","modified_gmt":"2023-02-03T11:05:12","slug":"cannot-output-the-most-popular-posts-via-listing-grid","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/cannot-output-the-most-popular-posts-via-listing-grid\/","title":{"rendered":"Outputting the Most Popular Posts via Listing Grid and Order Them"},"content":{"rendered":"\n

Data Store Configuration<\/h2>\n\n\n\n
\n

Make sure there is a created Data Store<\/a>, for example, Favorites<\/strong>, using the JetEngine functionalities. There is a need to show which posts the users liked the most and added them more often to their Favorites data store and then output the most popular posts in a Listing Grid in descending order.<\/p>\n\n\n\n

To make it all work smoothly, make sure to choose between these two Store types<\/strong> \u2013 \u201cCookies\u201d and \u201cSession\u201d. \u201cUser Metadata\u201d can backfire when the signup is not allowed, while \u201cLocal Storage\u201d is totally served by the browser, without the back-end, so it cannot be countable.<\/p>\n\n\n\n\"possible\n<\/div><\/div>\n\n\n\n

Order Posts in the Listing Grid Widget<\/h2>\n\n\n\n
\n

Go to the website page, where you want to place the Listing Grid<\/strong>. Open this page in the Elementor page builder and find the Listing Grid<\/strong> widget in the left sidebar. Drag and drop it to the desired page area and select the Listing you\u2019ve just created in the Listing <\/strong>drop-down select. <\/p>\n\n\n\n

Configure order via the Posts Query section in the Listing Grid<\/h3>\n\n\n\n

So far, the path to displaying the most liked posts from Data Stores in the Listing Grid is thorny. To make it happen, you are supposed to set up the Posts Query<\/strong> correctly.<\/p>\n\n\n\n\"listing\n\n\n\n

Add a new \u201corder & offset\u201d query item and select the Order & Offset<\/strong> query type. Go with DESC Order <\/strong>\u2013 this option will output the posts from the most liked ones to those least liked. In the Order by<\/strong> option, select \u201cMeta Value\u201d. Then paste the following into the Meta key to order<\/strong> field: <\/p>\n\n\n\n

jet_engine_store_count_your-store-slug<\/code><\/pre>\n\n\n\n
Where you need to replace your-store-slug<\/em> with your actual Data Store slug. Just copy it from the JetEngine Dashboard. <\/p>\n\n\n\n\"copying\n\n\n\n
Lastly, you need to select the \u201cNUMERIC\u201d option in the Meta type<\/strong> drop-down. The final result should be looking like that:<\/p>\n\n\n\n\"ordered\n\n\n\n
Save the changes by updating the page.<\/p>\n\n\n\n