Reordering Child Items in a Parsley Auto-generated Navigation Bar
Reordering the child items in an auto-generated navigation bar is as simple as adjusting some numbers in the content editing view.
Parsley's
{{ navigation() }} call automatically creates a navigation bar based on an instances content models. Depending on how the call is configured, users will see child items in their navigation bar. Child items will show up in dropdowns underneath their parent item. Note: the
{{ navigation() }} call creates an HTML list structure but does not styles the navigation bar as shown below.A dropdown of child pages is shown outlined in purple.
These child items are shown in the order they're created, however users may want to reorder them. Follow the steps below to reorder them.
Using the image above as our example we're going to step through how to reorder child items.
1. Decide on the order that you want the child items in.
Example order of child items.
2. In the Content Manager, navigate to the Content section.
Navigate to the Content section.
3. Locate the item that you've selected to be your first child item and select it.
Locate your first child item and select it.
4. Scroll down to find the Parsley Behaviors section in the right-hand sidebar.
Parsley Behaviors in the right-hand sidebar.
5. Use the number picker to reorder your item.
Use the number picker to reorder your item.
6. Click the green Save button and preview your changes before sending them live.
Save and preview your changes.
7. If you're satisfied with the order click the blue Publish to send your changes live.
Click the blue Publish button to send your changes live.
8. Repeat steps 3-7 for each item that you'd like to reorder.
Last modified 2yr ago