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

← Back

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

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

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

By default the menu opens on click. With the checkbox "Open on hover (on computer)" — on mouse hover.

Catalog links are convenient for making storefronts with a filter and tag addresses like /tags/nike — then the menu leads straight to filtered products.

If it didn't work

  • The menu is empty. The subsections are created next to the catalog item, not 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 item to the catalog"Manage items" section in the admin menu: fill in "Item name", select "Section", and click "Create item".Item properties and price matrixProperties are the selection characteristics (material, size, print run); the price is set at the intersection of their values.How to display items on a pageSection items are automatically shown as tiles on its page if the "Module" field is empty (or static); the tile appearance is set by "Item preview template".How to set up an object pageThe object page is assembled with the mouse: elements are dragged across columns, the eye hides, the pencil configures; the layout is shared for all objects or individual for one.

Tips for working with the builder

The "Help" section is made for those who are building a website on "Pervaya Liniya" for the first time. It contains answers to common questions: how to create a website, what to write in the fields, how to edit texts and photos, how to connect your own domain, and how to set up sections. The materials will help you figure things out without contacting support.

The builder is simple: you fill in the fields on the creation page, and then edit the content directly on the finished website. If something does not work or is unclear, check the relevant help item. The instructions are written in plain language and describe every step.

In Help you will find answers to questions:

  • how to come up with a website address and what to do if the name is taken;
  • how to change the title, description, and other texts on the page;
  • how to add products, services, or request forms;
  • how to connect your own domain instead of an address on firstline.com.ua;
  • how to set up sections and modules for your business needs.

If you cannot find the answer you need, use the feedback form — we will help you figure it out. The section is updated so that you can always find current information about working with the builder.