> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/content-and-information/store-list.md).

# Store List

The **Store List** section is designed to display your store locations or service points with detailed information. Combined with visual maps, it allows users to easily find, locate, and contact the nearest store.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FYRSDnikzRqp0tdofg09I%2F7af0a01e03f30debc9ea5a6b2bc0b25.png?alt=media&amp;token=abddcc6a-5882-47f1-a777-871aab4de269" alt=""><figcaption></figcaption></figure>

### 🎨 Color Scheme

* Select or customize a color scheme to define the appearance of all elements on the page, including background colors, text colors, and buttons.
* Adjust the colors to match your brand’s visual identity and overall website theme.

***

### 🧱 Section Structure (Blocks)

**1. Section Header**

Supports the following content blocks to decorate and structure the top of the section:

* Badge Group
* Button / Button Group (including link buttons and video popup buttons)
* Countdown Timer
* Description, Title, Subtitle
* Discount Code
* Follow Us
* Featured Statistics
* Icons / Icons with Text
* Keywords
* Link Group
* Social Media List
* Video Button, Link Text, Spacer

**2. Store List**

Add multiple store blocks to showcase each location’s information.

***

### 🏬 Store Block Settings

Each store entry supports the following:

* **Store Image**: Appears in the popup window. Recommended size: **480x300px**
* **Store Name**
* **Description**
* **Address**
* **Phone Number**
* **Business Hours**

***

### 🗺️ Map Setup Options

Choose one of the following methods to present your map:

* **Upload a Map Image**: Ideal for static display or custom-styled maps.
* **Embed Google Maps Code**: Best for interactive navigation and real-time location services. Users can pan, zoom, and interact with the embedded map directly.

***

### ✅ Usage Tips

* Use consistent image styles and formatting across all store blocks for a professional look.
* Enable interactive Google Maps for better user engagement and usability.
