/* Fancy Location Lister */

[Location Lister]

Help visitors find the nearest branch, see whether it is open right now, and call, message, or get directions in one tap.

✓ Open now and Closed are worked out in each visitor’s browser, in that location’s time zone, so cached pages stay accurate.

✓ No embedded map and no Google Maps API key. Get Directions opens the map service you link.

  • smilestudiodental.co.uk/clinics

Find a clinic near you

  • London

    Smile Studio Dental, Islington

    14 Upper Street
    London N1 0PQ
    • Mon9:00 am to 8:00 pm
    • Tue9:00 am to 8:00 pm
    • Wed9:00 am to 8:00 pm
    • Thu9:00 am to 8:00 pm
    • Fri9:00 am to 8:00 pm
    • Sat9:00 am to 8:00 pm
  • Manchester

    Smile Studio Dental, Deansgate

    22 Deansgate
    Manchester M3 2BW
    • Mon9:00 am to 8:00 pm
    • Tue9:00 am to 8:00 pm
    • Wed9:00 am to 8:00 pm
    • Thu9:00 am to 8:00 pm
    • Fri9:00 am to 8:00 pm
    • Sat9:00 am to 8:00 pm

Examples

Every branch, with an honest answer to "are you open?"

Layout, columns, day names, and search in each example are element settings. Clinics, stores, and hours are sample data.

  • harborandpine.com/stores

Our stores

  • Flagship

    Harbor & Pine, Pearl District

    1120 NW Couch St, Portland, OR 97209

    Contact: Lena Ortiz

    • Mon9:00 am to 8:00 pm
    • Tue9:00 am to 8:00 pm
    • Wed9:00 am to 8:00 pm
    • Thu9:00 am to 8:00 pm
    • Fri9:00 am to 8:00 pm
    • Sat9:00 am to 8:00 pm

    Upcoming Holidays

    • Christmas Day

[ Layout: List ] [ Day Names: Short ] [ Holidays: on ]

Example 01

List layout with the full week

Wider rows keep the photo beside the details, with every day of the week listed under the address and the status next to the store name. Holidays you add show on the card until their date has passed.

  • smilestudiodental.co.uk/clinics
  • London

    Smile Studio Dental, Islington

    14 Upper Street
    London N1 0PQ
    • Mon9:00 am to 8:00 pm
    • Tue9:00 am to 8:00 pm
    • Wed9:00 am to 8:00 pm
    • Thu9:00 am to 8:00 pm
    • Fri9:00 am to 8:00 pm
    • Sat9:00 am to 8:00 pm
  • Manchester

    Smile Studio Dental, Deansgate

    22 Deansgate
    Manchester M3 2BW
    • Mon9:00 am to 8:00 pm
    • Tue9:00 am to 8:00 pm
    • Wed9:00 am to 8:00 pm
    • Thu9:00 am to 8:00 pm
    • Fri9:00 am to 8:00 pm
    • Sat9:00 am to 8:00 pm

[ Search: On ] [ Matches: name, address, tags ]

Example 02

Search as you type

Typing Manchester narrows the list to the clinic in that city, matching on the name, the address, and the tags. No page reload, no wait.

  • London

    Smile Studio Dental, Islington

    14 Upper Street
    London N1 0PQ
    • Mon9:00 am to 8:00 pm
    • Tue9:00 am to 8:00 pm
    • Wed9:00 am to 8:00 pm
    • Thu9:00 am to 8:00 pm
    • Fri9:00 am to 8:00 pm
    • Sat9:00 am to 8:00 pm

Example 03

One card on a phone

Set columns to 1 on small screens and the actions stack into full-width buttons that are easy to tap. The status pill stays at the top so the answer to "is it open?" comes first.

[ Columns, Small: 1 ] [ Status Badge: On ]

[ No embedded map, by design ]

Location Lister does not show a map on the page. That keeps it light: no API key, no billing account, and no map script loading for every visitor. Each card’s Get Directions button opens the link you set, in Google Maps, Apple Maps, or any other service.

See it working on a real Avada site.

What you can build

For any business with more than one front door.

Store finders for chains and franchises

List every shop on one page and let shoppers search for theirs. The status badge saves a wasted trip to a store that has already closed.

Clinics and service centers

Patients see today’s hours for their branch and can call or message it straight from the card. Holiday closures sit right under the weekly hours.

Regional offices by city or country

Tag offices by city or country and the filter bar builds itself from those tags. Offices in other time zones still show the right status.

Features

What each listing can do.

Live open or closed badge

Checked in the visitor’s browser on every load, so page caching cannot freeze it.

Hours and time zone per location

Set times for each day, shown as full or short day names, judged in that branch’s time zone.

Upcoming holidays

List dated closures per location. Past dates drop off by themselves.

Instant search

Filters by name, address, or tag while the visitor types.

Automatic tag filter bar

Buttons built from your location tags, such as cities or regions.

Grid or list, 1 to 4 columns

Pick a layout and set columns separately for large, medium, and small screens.

One-tap actions, no map embed

Call, WhatsApp, email, and Get Directions buttons. No API key or map script needed.

Hidden from spam bots

Phone numbers and emails are obscured in the markup by default; the links still work.

LocalBusiness structured data

Optional schema for search engines, off unless you switch it on.

Works the Avada way

One parent element, one child per location.

Add a location item for each branch, then set layout and style once for the whole list.

[ ]

Avada Builder

A parent element with one location item per branch. Most fields accept Avada Dynamic Data.

[ ]

Conditional rendering

Show the directory only when Avada’s logic conditions are met.

[ ]

Avada Live

Arrange cards and set columns while looking at the front end.

[ ]

Live option updates

Card presets, image ratios, button styling, and spacing per breakpoint, updated as you edit.

FAQ

Location Lister questions

No, there is no embedded map. Each location has a Get Directions button that opens the link you enter, whether that is Google Maps, Apple Maps, or another service.
No. Because nothing is embedded, there is no key to create, no billing account, and no map script on your page.
No. The status is worked out in the visitor’s browser each time the page loads, so a cached copy of the page still shows the current state.
Yes. Each location can override the site time zone, so a branch in Dubai and one in London are each judged by their own clock.
Phone numbers and email addresses are obscured in the page markup by default, which deters simple scrapers. Visitors can still tap to call or email.

Related elements

Fancy Schema Markup

Structured data beyond one directory

Add LocalBusiness and other schema types to any page, without writing JSON-LD by hand.

Fancy QR Code

A code on the shop window

Print a QR code that links to a branch page, a contact card, or a payment.

Fancy Calendar

Classes and events by month

Show events on a month or week grid, with details in a popup.

Every plan

[All 30 elements] in every plan.

Location Lister and the other 29 elements are part of every plan. The only difference between plans is how many sites you can use them on.