Blum Address List

Theme: Blum · Section type: All-template section

The Address list section shows your physical stores, each with an image, name, address, description, and a link to Google Maps. Use it to help customers find and visit your stores.

Note: You can add this section to any template, but not to the header or footer. Each section holds up to 6 Address item blocks.

What you can do

• Add the section and your stores
• Add directions to a store
• Show store details in a side panel
• Choose the layout
• See what customers see
• Look up every setting
• Fix common problems

Add the section and your stores

1. In the theme editor, open the template where you want the section.
2. In the left sidebar, click Add section > Address list. The section comes with 4 Address item blocks.
3. Under General, enter a Section subheading, a Section heading, and a Section description. Leave a field empty to hide it.
4. Click an Address item block.
5. Under Image, select an Image. A 720 × 480 px image is recommended.
6. Under Text, enter the store name in Heading, then the Address and a Description, for example opening hours.
7. To add more stores, click Add block > Address item.
8. Click Save.

Add directions to a store

1. Click an Address item block.
2. Under Button, paste the store's Google Maps link.
3. Enter the button Label, for example "Get direction".
4. Click Save.

Note: The directions button shows only when Google Maps link is filled in. It opens Google Maps in a new tab.

Tip: To get the link, search for your store in Google Maps, click Share, and copy the link.

Show store details in a side panel

1. Click the Address list section.
2. Under Address items, check Show address description in popup.
3. Click Save.

With this setting on, each store card shows only the image, name, and address, plus a View details link. The description and the directions button move to a side panel that opens when customers click View details. With this setting off, the description and the directions link show on the card.

Choose the layout

1. Click the Address list section.
2. Under Layout, select a Content alignment: Left, Center, or Diagonal.
3. Select Items per row on desktop: 3, 4, 5, or 6. This setting doesn't apply to Diagonal.
4. Under Address items, select an Image ratio.
5. Optional: check Enable carousel on mobile and Show navigation on mobile.
6. Optional: under Button, enter a Label and a Link to add a button to the section, for example to a store locator page.
7. Click Save.

What customers see

• Store cards: each card shows the image, store name, and address.
• View details: with Show address description in popup, customers click View details to open a side panel with the image, address, description, and the directions button. They close it with × or by clicking outside the panel.
• Directions: the directions button opens the Google Maps link in a new tab.
• Tablet: 2 stores per row.
• Mobile: with Enable carousel on mobile, customers swipe through the stores. Without it, the stores stack on top of each other.

Settings reference

General

Layout

Address items

Button

Prominent badge

Address item block settings

Troubleshooting

The directions button doesn't show.
Fill in the Google Maps link in the Address item block. The button doesn't show without it.

I can't add a seventh store.
Each section holds up to 6 stores. To show more, add a second Address list section.

The store description doesn't show on the card.
With Show address description in popup, the description shows in the side panel. Customers click View details to see it. Uncheck the setting to show it on the card.

There is no setting for tablets.
Tablets always show 2 stores per row. You can only change the number of stores per row on desktop.

Related articles

• Blum Map
• Blum Contact Form
• Blum Icon With Text
• Blum Page Template

Updated on: 26/10/2026