2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

What changed

Store

The values of `location` inside `store-locator store-location` or `store-locator store-popup`.

v2.0 beta
Open .md
On this page
  1. At a glance
  2. Where it can go
  3. Values

At a glance

map

The map is drawn in it. Give it a height in its styles.

Without it
The store locator is removed.
store-location

The template of one store in the list.

Without it
There is no list.
map-marker

The marker of each store on the map. Design it as you like, such as an icon.

Without it
The map has no markers.
store-popupoptional

The card that opens over a marker when it is clicked.

Without it
A click on a marker moves the map and marks its store, with no card.
Name: queryoptional

A Text field in a Form Block. It searches the list as the visitor types: the city, the postal code…

Without it
The list is not searched.
no-storesoptional

An element with this condition, inside store-locator. It shows while no store matches the search.

Without it
An empty list.

More in the guide.

Where it can go

  • Inside any of: store-locator store-location, store-locator store-popup.
  • On text.

Values

Attribute and valueWhat it isNotes
location="name"Name—
location="address"Address—
location="zip"ZIP code—
location="phone"Phone—
location="country"Country—
location="directions-link"Directionson link

    ↑ ↓ to moveEnter to openEsc to close