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

# Store Location

The Store Location Section is designed to showcase multiple physical store branches, helping customers easily find and contact each location.

To customize the Store Location in our theme please follow the steps:

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Store Location**
3. **Save**
   {% endhint %}

## Section Settings

### **Section Header**

* **Show "Section header"** – Toggle ON/OFF to display or hide the title area.
* **Heading** – Section title (e.g., *Our Stores* or *Find a Location Near You*).
* **Description** – Short intro text (e.g., *Visit one of our locations for personalized shopping experiences.*).
* **Text alignment** – Align section text to *Left*, *Center*, or *Right*.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FI99T3Ut10ldEhkw8np8R%2Fimage.png?alt=media&amp;token=24701750-ca7e-4cf9-aab1-a75b8f680611" alt=""><figcaption></figcaption></figure>

***

### **General**

* **Layout** – Choose overall arrangement (*Default*).
* **Color scheme** – Match your theme palette (e.g., *Scheme 1*).
* **Number of columns on desktop** – Adjust how many store cards appear side by side (commonly 3).
* **Image ratio** – Maintain consistent image sizing (*Original aspect ratio*).
* **Custom ratio** – Optionally set a custom display ratio (e.g., *21:9*).

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FP07Q0dSifOhjivwhiLAF%2Fimage.png?alt=media&amp;token=151e2d95-8e10-48eb-930d-a984baa41d1f" alt=""><figcaption></figcaption></figure>

***

### **Tablets and Mobile Layout**

* **Number of columns on tablets** – Select 1 or 2 columns depending on layout preference.
* **Number of columns on mobile** – Choose between 1 or 2 columns for mobile display.
* **Remove default space between sections** – Toggle ON to merge this section with others seamlessly.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FANo4NEZdRK3JGOlO2E4C%2Fimage.png?alt=media&amp;token=0ba347cc-370f-494d-b577-269da4169f97" alt=""><figcaption></figcaption></figure>

***

### **Section Padding**

Fine-tune spacing for better flow:

* **Padding top:** 0px
* **Padding bottom:** 0px

💡 *Increase padding if the section feels cramped.*

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FSwaj3W2F60N3A6weUFJO%2Fimage.png?alt=media&amp;token=70124057-102d-481e-a508-0100b3a86013" alt=""><figcaption></figcaption></figure>

***

## Block Settings

### **Location Item**&#x20;

Each **Location Item** represents one store branch.

**Content**

* **Image** – Add a photo of the store, map, or exterior.
* **Title** – Store name (e.g., *Store on Boston*).
* **Address** – Full store address.
* **Email** – Contact email (e.g., *<storepify.contact@gmail.com>*).
* **Phone** – Store contact number.
* **Open Time** – Opening hours (e.g., *Mon–Fri: 9:00am – 8:00pm*).

**Button**

* **Button label** – Text for the button (e.g., *Get Direction*).
* **Link** – Add a Google Maps link or location page.
* **Button open link in** – Choose whether the link opens in the *Current tab* or a *New tab*.

***

💡 **Tips:**

* Use high-quality images for each store.
* Keep hours and addresses up-to-date.
* Include “Get Direction” links to improve user convenience and SEO.