Back to Community

How to Reorder Slides in MetaSlider: Troubleshooting and Workarounds

Content

Many users of the 'Slider, Gallery, and Carousel by MetaSlider – Image Slider, Video Slider' plugin encounter a common challenge: managing the order of their slides. Whether you're dealing with a handful of images or a massive gallery, the default drag-and-drop interface can become cumbersome. This guide will walk you through the standard methods and provide troubleshooting steps and workarounds for when things don't go as planned.

The Standard Way to Reorder Slides

The primary method for reordering slides is through the plugin's built-in drag-and-drop functionality. When editing your slideshow, you can click and hold on a slide's preview box (not necessarily the image itself) and drag it to a new position in the list. The order is saved when you click the 'Save' button.

Why Reordering Might Not Work

If you find that your slide order reverts after saving or the drag-and-drop feature is unresponsive, a plugin or theme conflict is a likely cause. This can happen when another script on your site interferes with the MetaSlider's saving mechanism.

Troubleshooting Steps:

  1. Update Everything: First, ensure you are running the latest version of the MetaSlider plugin, your theme, and WordPress itself.
  2. Conflict Test: Temporarily deactivate all other plugins and switch to a default WordPress theme like Twenty Twenty-One. If the reordering works, reactivate your plugins and theme one by one to identify the culprit.
  3. Browser Test: Try using a different web browser (e.g., Chrome, Firefox, Safari) to rule out browser-specific issues.

Workarounds for Large Slideshows

For slideshows with a large number of images, manual dragging can be impractical. While a feature to sort slides by filename or other criteria is a common user request, it is not natively available in the free version of the plugin. However, there are a couple of technical workarounds:

  • Browser Developer Tools: A suggested workaround is to use your browser's developer tools. You can right-click on a slide and select 'Inspect' to view the HTML structure. The slides are typically contained within <tr> tags. You can drag these HTML elements around in the developer console to reorder them and then click 'Save'. The plugin will often retain this new order.
  • Custom Code for Reverse Order: For the specific need to reverse the entire order of your slides (e.g., showing newest first), custom code snippets have been discussed in the support forums. These are generic and can work with slideshow types like Responsive Slides. Adding such code typically requires editing your theme's functions.php file or using a code snippets plugin.

Looking Forward

The 'Slider, Gallery, and Carousel by MetaSlider – Image Slider, Video Slider' team has acknowledged user feedback regarding slide ordering. Features like an option to set a default position (top or bottom) for new slides have been mentioned as being on their development roadmap.

For most users, the drag-and-drop method is sufficient. For others, careful troubleshooting or employing the advanced workarounds can help achieve the desired slide order without having to rebuild a slideshow from scratch.

Related Support Threads Support