Interactive Store Details with Location Tabs

Showcase multiple store locations with tabbed details, images, icons, opening information, and direct links for customers to find each store easily.

  • check-icon Interactive Store Tabs
  • check-icon Location Details Showcase
  • check-icon Responsive Store Layout
Store Details Location Tabs Desktop Preview 1
Store Details Location Tabs Desktop Preview 2
vector
vector

Everything You Need for Store Location Details

Create a clear store locator experience with location tabs, store images, icons, addresses, rich content, and customizable direction buttons.

Interactive Store Tabs

Interactive Store Tabs

Let customers switch between multiple store locations with clear, easy-to-use navigation tabs.

Store Location Images

Store Location Images

Add a dedicated image for each location to give customers a visual reference for the selected store.

Custom Store Icons

Custom Store Icons

Add an optional icon to each store detail area for branding or visual identification.

Store Information Content

Store Information Content

Display addresses, opening hours, descriptions, and other location information using rich text content.

Direct Location Buttons

Direct Location Buttons

Add a custom button and link to help customers access maps, directions, or other location resources.

Flexible Image Position

Flexible Image Position

Place the store image on the left or right side of the detailed location content.

Responsive Tab Layout

Responsive Tab Layout

Keep store tabs and location details usable across desktop, tablet, and mobile screen sizes.

Custom Store Styling

Custom Store Styling

Adjust typography, colors, borders, spacing, button styles, image sizing, and section width.

Store Details Location Tabs Settings & Options

Control store tabs, images, typography, buttons, colors, spacing, alignment, and section width from one place.

Section Settings

Section Settings

Applies to the whole section

Add the main heading displayed above the store tabs.

Heading

Add supporting rich text below the main heading.

Content

Set the alignment of the main heading and description.

Text alignment

Set the alignment of content inside each store panel.

Content alignment

Choose whether the store image appears left or right.

Image position

Choose the store image aspect ratio.

Image height

Set rounded corners for store images.

Image border radius

Set rounded corners for the store tabs.

Tab border radius

Display store buttons with an outlined style.

Use outline button

Choose the outline button color.

Outline color

Set the store button corner radius.

Border radius

Adjust the desktop button text size.

Size (Desktop)

Set the desktop store icon size.

Icon size (Desktop)

Choose the main section background color.

Background color

Choose the main heading color.

Heading color

Choose the main description color.

Content color

Choose the active tab background color.

Active tab background color

Choose the active tab text color.

Active tab text color

Choose the default tab background color.

Tab background color

Choose the default tab text color.

Tab text color

Choose the store detail heading color.

Heading color

Choose the store detail content color.

Content color
Block Settings

Block Settings

Applies to each store location

Add the title displayed in the store navigation tab.

Tab heading

Choose the main image for the store location.

image

Add an optional store icon.

Icon

Add the store location heading.

Heading

Add addresses, hours, and location information.

Content

Set the text displayed inside the store button.

Button label

Add the destination URL for the store button.

Button link

Where This Section Can Be Used

Use this section to present multiple store locations with visual details, addresses, opening information, and direct navigation links in an organized layout.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Showcase Your Physical Stores on the Homepage

Introduce important store locations directly on your homepage so customers can explore addresses, opening details, images, and directions without extra navigation.

check-iconHighlight your most important store locations

check-iconMake physical stores easier to discover

check-iconDisplay useful location information clearly

check-iconAdd direct links for directions

check-iconBuild confidence with visual store details

Collection Page

Connect Store Locations With Shopping Collections

Add store information around collection-focused content to help customers discover where they can visit, browse products, or experience your brand in person.

check-iconConnect collections with physical stores

check-iconHelp customers discover nearby locations

check-iconSupport in-store shopping journeys

check-iconAdd useful store information beside products

check-iconCreate a stronger online-to-offline experience

Product Page

Add Store Information Near Product Content

Place store details alongside product-focused content to help customers find locations to explore your products or visit your physical stores.

check-iconSupport customers seeking physical locations

check-iconConnect products with store experiences

check-iconProvide useful location information

check-iconEncourage in-store visits

check-iconAdd direct direction links

Landing Page

Create Dedicated Store Location Experiences

Use the location, retail, or brand landing page section to organize multiple stores with images, details, opening information, and direct navigation buttons.

check-iconBuild focused store location pages

check-iconPresent multiple locations clearly

check-iconHighlight important store information

check-iconMake navigation easier for visitors

check-iconCreate a polished location experience

Make Store Location Information Easier to Explore

Give customers a simple way to browse multiple locations through interactive tabs, visual store information, detailed content, and direct navigation links.

Store Details Location Tabs Section

Why Choose Store Details Location Tabs

Combine store images, icons, addresses, opening hours, tabs, and customizable buttons into a single responsive section designed for location discovery.

check-iconOrganize multiple stores with simple tabs

check-iconShowcase each location with dedicated imagery

check-iconDisplay addresses and opening information

check-iconAdd custom icons for store branding

check-iconLink customers directly to directions

check-iconKeep location information easy to browse

check-iconCreate a consistent store experience

Do This, Skip That.

DO

  • do Use clear names for each store location tab.
  • do Add accurate addresses and opening information.
  • do Choose relevant images for each store.
  • do Use clear button labels, such as "Get Directions."
  • do Check the tab layout carefully on mobile.

DON'T

  • don't Avoid using unclear or generic store names.
  • don't Don't add outdated addresses or opening information.
  • don't Avoid unrelated images that confuse customers.
  • don't Don't use vague labels for location buttons.
  • don't Don't overcrowd store content with unnecessary text.

Frequently Asked Questions

How many store locations can I add to the section?

The section supports up to five detail blocks, allowing you to create individual tabs for different store locations.

Can each store have its own image?

Yes. Every store block includes an image setting, so you can display a different visual for each location.

Can I add store opening hours and addresses?

Yes. The rich text Content setting can be used for addresses, opening hours, descriptions, and other location information.

Can I add a map or directions button?

Yes. Each store block has a Button label and Button link setting that can be used for maps or directions.

Can I change the position of the store image?

Yes. The Image position setting lets you display the store image on either the left or right side of the content.

Can I customize the store tabs?

Yes. You can customize tab colors, active tab colors, border colors, text size, and border radius.

Can I add an icon for each store?

Yes. Each store block includes an optional Icon setting for branding or location identification.

Is the section responsive on mobile devices?

Yes. On mobile, the store image and content stack vertically, while the store tabs remain horizontally scrollable for easier navigation.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Showcase Your Store Details Location Tabs

Install SectionHub and add the Store Details Location Tabs section to your theme in minutes - no coding required.