SwissUpLabs Logo

Dropdown Layout Builder

Dropdown layout builder provides easy-to-use drag and drop interface to create complex dropdown contents.

To place multiple blocks in a row, you need to reduce their size so they can feet one line.

Layout builder

Each block is resizable and draggable. Additional settings will be shown in a modal panel when clicking edit icon.

Additional content could be added with Add Content button. Two content types are supported:

  • Widget or Plain Html
  • Children (Subcategories and Child Items)

Widget or Plain Html

Widget or Plain Html content

Option Description
Enabled Ability to enable or disable content
Display Mode Ability to hide content when item has no children. Useful when saving global dropdown setting based on item level.
Content Html content to show on frontend

Children (Subcategories and Child Items)

Subcategories and Child Items content

Option Description
Enabled Ability to enable or disable content
Columns Count Split subcategories into columns
Columns Direction Ability to organize multicolumn subcategories horizontally or vertically
Maximum Number of Children to Display Limit number of categories to display in dropdown. “Shop All” link will be displayed if children count exceed the limit.
Nested Levels per Dropdown Use this setting to render child categories together with parent in the same dropdown. (Megamenu uses this option to render all children in the first level dropdown)

Next up

Edit this Page