{"id":2384,"date":"2017-10-17T04:35:33","date_gmt":"2017-10-17T04:35:33","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=2384"},"modified":"2023-12-28T11:43:45","modified_gmt":"2023-12-28T11:43:45","password":"","slug":"sorting-drag-drop","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/sorting-drag-drop\/","title":{"rendered":"Sort by Drag &#038; Drop"},"content":{"rendered":"<p>Content Views Pro helps you to sort your content in many orders. One of them is sorting by drag &#038; drop. <\/p>\n<blockquote><p>[Notice] Sorting by Drag &#038; Drop:<br \/>\n&#8211; NOT work with Shuffle Filter, Live Filter, Replace Layout, Pagination (load more, infinite scrolling).<br \/>\n&#8211; work with Grid, Scrollable list and Collapsible list.<br \/>\n&#8211; work with (Ajax) Numbered pagination and Normal pagination.\n<\/p><\/blockquote>\n<p>Here are steps to sort content by drag &#038; drop:<\/p>\n<ul>\n<li>select <strong>Sort by<\/strong> in Filter Settings > Advance<\/li>\n<li>select the <strong>Drag &#038; Drop<\/strong> option<\/li>\n<li>click <strong>Show Preview<\/strong> (or Update Preview) button<\/li>\n<li>in the Preview panel, <strong>drag &#038; drop items<\/strong> as you want<\/li>\n<li>click <strong>Save<\/strong> button when finish sorting<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2017\/10\/CVP-sort-by-drag-drop.gif\" alt=\"CVP sort by drag &amp; drop\" width=\"1366\" height=\"768\" class=\"alignnone size-full wp-image-2385\" \/><br \/>\n<em>(<a href=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2017\/10\/CVP-sort-by-drag-drop.gif\">click to see full image<\/a>)<\/em><\/p>\n<h2 id=\"includeonly\">Notice:<\/h2>\n<p>If you added specific post ids in the &#8220;Include Only&#8221; field, you can <ins datetime=\"2019-10-09T02:25:47+00:00\">drag &#038; drop the IDs in the &#8220;Include Only&#8221; field directly<\/ins>. Posts will be displayed in that order without enabling &#8220;Sort By&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2017\/10\/contentviewspro-dragdrop-include-only.gif\" alt=\"\" width=\"1366\" height=\"736\" class=\"aligncenter size-full wp-image-3756\" \/><\/p>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Content Views Pro helps you to sort your content in many orders. One of them is sorting by drag &#038; drop. [Notice] Sorting by Drag &#038; Drop: &#8211; NOT work with Shuffle Filter, Live Filter, Replace Layout, Pagination (load more, infinite scrolling). &#8211; work with Grid, Scrollable list and Collapsible list. &#8211; work with (Ajax) &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/sorting-drag-drop\/\"> <span class=\"screen-reader-text\">Sort by Drag &#038; Drop<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[11],"doc_tag":[28],"class_list":["post-2384","docs","type-docs","status-publish","hentry","doc_category-quick-guide","doc_tag-sort"],"year_month":"2026-09","word_count":144,"total_views":"2","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"CVP","author_nicename":"cvp","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/cvp\/"},"doc_category_info":[{"term_name":"Quick Guide","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/quick-guide\/"}],"doc_tag_info":[{"term_name":"sort","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/sort\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=2384"}],"version-history":[{"count":1,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2384\/revisions"}],"predecessor-version":[{"id":5550,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/2384\/revisions\/5550"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=2384"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=2384"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=2384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}