Skip to main content

Layout Builder type

Create a Layout from Store Locator → Builder → New → Layout. A Layout is the only Builder type that produces a complete store locator. Its editor inserts locator widgets rather than Store fields.

Widgets available inside a Layout​

The widget selector contains exactly seven widgets:

  1. Search — renders a saved Search form.
  2. Distance filter — radius dropdown or slider.
  3. Category filter — chips, dropdown, or category tiles.
  4. Brand filter — chips or dropdown.
  5. Result count — count label and optional Print button.
  6. Map — provider output, markers, popup, clusters, location prompt, and optional search overlay.
  7. Store List — requests stores and renders the chosen Store Card using one of four display modes.

Create the Layout shell​

  1. Add a row for search/filter controls.
  2. Choose a column preset or add columns manually.
  3. Select + Content in a column.
  4. Select the inserted item and choose a widget under Widget.
  5. Set Width (of 12) and Mobile width (of 12). For an equal number of sibling widgets—including five—select their parent column and use Items inside this column → Equal widths.
  6. Use the widget-specific panels below the Widget panel.

For a classic split locator, use a second row with Store List width 4 and Map width 8, then set both mobile widths to 12.

Select dependent designs​

The Layout does not automatically know which Search form, Store Card, or infobox to use. Configure them on the relevant widget:

  • Search widget → Search form;
  • Store List → Store design (list item);
  • Map → Marker popup (infobox design);
  • Category Tiles modes → Tile design;
  • Map in HTML mode → optional Force marker design.

Empty selectors can fall back to plugin defaults only where the field explicitly offers a default. Resolve every warning such as No search forms yet before publishing.

Save and embed​

After the first save, the toolbar displays the Design ID and Copy shortcode. The copied shortcode is:

[cliq_store_locator id="DESIGN_ID"]

The Gutenberg, Elementor, and WPBakery locator controls select this same Layout record. Changes to the saved Layout appear in every embed referencing its ID.