How to add product search

← Back

A section with the "Catalog search" module — the results page, the "Search" informer — a bar with suggestions in the header.

  1. Create a results section, e.g. /search: in the "Module" field click "Select" → "Catalog search". It can be hidden from the menu.
  2. In the "Module settings" window optionally specify "Where to search: sections" (empty — the whole site) and "Results per page". Cards are rendered by the "Object preview template" of this section.
  3. Add the "Search" informer to the menu and in its settings enter "Search page address" — the address of the section from step one.

Search goes through the name, description and property values — this way an SKU is found too, if it's set up as a property.

Search bar settings: "Placeholder in empty field", "Suggestions while typing (0 — no suggestions)", "Always collapsed into a magnifier button". On a narrow screen the bar collapses into a magnifier by itself; to prevent this — "Don't collapse into a magnifier on narrow screen".

The text for empty results is set in the results page settings: "Text if nothing is found". Suggest there what to search for or where to write.

If it didn't work

  • The search bar leads to 404. The address in the informer doesn't match the address of the results section.
  • The product is not found. Check the "Where to search" setting: if sections are listed there, the others are not scanned.
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.