Skip to main content

Orderby

Divi 5 module

Orderby is a parent module. Add one Orderby Item child per sort option. Place it on the same page as an Archive Loop (or compatible Machine loop) so visitors can change sort order. Feature overview: Ajax sorting (Orderby).

Overview​

The pattern:

  • Orderby — container; sets location and design of the <select>
  • Orderby Item — one child per option (date, title, relevance, or custom field)

How to use Orderby​

  1. Add Orderby near your Archive Loop (or carousel that shares sort params).
  2. Set Orderby Location (left/right).
  3. Add at least two Orderby Item children with different sort types.
  4. For custom-field sorts, choose Custom field and set the field name/ID and numeric flag.
  5. Style the control under Orderby Design.

Parent: Orderby​

Orderby Items​

Add and reorder Orderby Item children.

Main Settings​

Orderby Location

Align the sort control Left or Right relative to the module wrapper. Keep the control on the same page structure as the loop it should affect.

Design​

Orderby Design — background color, arrow color, and related select styling. Box shadow and font groups follow Divi design patterns.

Child: Orderby Item​

Orderby Name

Internal label in the builder. Visitors see the option text from the sort type you choose next.

What do you want to add to the orderby select option?

Post Title, Relevance, Custom field, or Date.

Custom Field Name / Custom Field ID

Shown when the sort type is Custom field. Pick the field used for ordering.

Ascending or Descending?

Ascending or Descending.

Is Numeric?

Enable when the custom field stores numbers so sorting is numeric rather than alphabetical.

Pitfalls and limits​

  • One Orderby Item alone is rarely useful—add multiple options.
  • Custom field sorts require a consistent field type across posts.
  • Pair with Archive Loop / filter pages that honor the same orderby query args.

What's Next​