Strapi Plugin Drag Drop Content Types

Order your content types by rank easily via drag and drop. Simply add a rank field to your content types to get ready for sorting. Supports stable ranks across multiple locales even when a content type is not translated for all locales.

✨ Features

• Simple Ordering via modal in the content manager list view
• Drag and Drop or Buttons for moving content types up and down
• Multi-Locale Support Updates all related available locales
• Permission Management: Select which users can use the plugin with a specific permission

📦 Installation

npm i @breezertwo/strapi-plugin-drag-drop-content-types

🚀 Quick Start

1. Install the plugin

2. Enable the plugin in your config/plugins.ts:

module.exports = {
  'drag-drop-content-types': {
    enabled: true,
  },
};

4. Restart your Strapi application in development mode

5. Setup the plugin

   • Go to Settings → Drag Drop Content Type → Configuration
   • (Optional) Add the Rank Field Name used for sorting. Default field name is rank
   • Create a Number field called rank (or your custom field name) and Number format: integer in the content types you want to be sortable. Make the field optional & not localized.

6. Restart your Strapi application

7. Access sorting in via the Drag icon in the ListView

🔧 Other config options

• You can set a custom TitleFieldName that will be used to display the title in the drag list instead of the default mainField
• A second field can be displayed in the menu via the SubtitleFieldName. It can be either a string-like field or an object such as a relation, that has a title field named the same as the TitleFieldName.
• You can enable webhooks to trigger after updating the order.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

• Built for Strapi - The leading open-source headless CMS
• Uses Strapi Design System for UI components
• Based on drag-drop-content-types-strapi5