How to make a "Catalog" button with a dropdown menu

← Back

The "Catalog" informer builds a large menu from its own subsections: the first level is tabs, the second is columns, the third is links.

  1. Add a menu item and in the "Module" field click "Select" → "Catalog" informer.
  2. Use the "Add subsection" button to create first-level subsections for it — these are the tabs on the left, for example "Men", "Women".
  3. Inside the tabs, add second-level subsections: the column headings ("Footwear", "Clothing").
  4. Inside the columns, add the third level: the links themselves ("Sneakers").
  5. In the "Module settings" window, set the "Button text" and, if desired, a "Link below the tabs" with its text — for example "All products".

A tab without subsections works as a regular link. The order of tabs, columns, and links follows the order of items in the site structure; rearrange them by dragging.

By default the menu opens on click. With the checkbox "Open on hover (on desktop)" it opens when the mouse hovers over it.

It is convenient to use filtered storefronts and tag addresses like /tags/nike as catalog links — then the menu leads straight to filtered products.

If it didn't work

  • The menu is empty. The subsections were created next to the catalog item rather than inside it. Drag them inside.
  • The item is not visible to visitors. Check the "Access level" of the subsections themselves.
Did the article help?

See also

How to add an object to the catalog"Object management" section in the admin menu: fill in "Object name", select "Section", and click "Create object".Object properties and price matrixProperties are the characteristics of choice (material, size, quantity); the price is set at the intersection of their values.How to display objects on a pageA section’s objects are displayed as tiles on its page automatically if the “Module” field is empty (or static); the look of the tile is set by the “Object preview template”.How to set up an object pageThe object page is built with the mouse: elements are dragged between columns, the eye hides them, the pencil configures them; the layout is either shared by all objects or unique…

In the help section, you will find answers to frequently asked questions and useful instructions for working with the Site Look website builder. Here you can learn how to manage sections, add objects, and configure the website. The materials will be useful for both beginners and experienced users. If you haven't found an answer, contact support.