> 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/service.md).

# Service

The Service Section highlights your store’s key benefits—like free shipping, support, or returns—to build trust and boost customer confidence.

To customize the Service in our theme please follow the steps:

{% hint style="success" %}
Steps

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

## Section Settings

### **General**

* **Layout:** Choose the overall structure of the section (e.g., *Default*).
* **Color scheme:** Apply a color scheme that matches your store’s style.
* **Design style:** Select how service content is displayed — *Vertical (centered)* or *Horizontal*.
* **Columns on desktop:** Set the number of columns displayed on desktop (1–4).
* **Columns on tablet:** Choose how many services appear per row on tablets (1–3).
* **Columns on mobile:** Adjust the layout for mobile view (1–2).

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FWm5LZXYnPsneS8vHJmVv%2Fimage.png?alt=media&amp;token=611f6215-ac9e-442c-af51-215607185f6b" alt=""><figcaption></figcaption></figure>

***

### **Section Padding**

* **Padding top / bottom:** Adjust vertical spacing above and below the section.
* **Remove default space between sections:** Enable this option to remove spacing between adjacent sections.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FlQ4DfOXjSXnzYMHmBBZQ%2Fimage.png?alt=media&amp;token=0fc4d4da-f480-4ae9-859e-f3375418fba7" alt=""><figcaption></figcaption></figure>

#### **Tips**

* Use clear and concise text to describe each service.
* Add icons (if supported by the block) to make the section visually engaging.
* Keep all service items consistent in tone and style for a professional look.

## Block Settings

Each **Service Block** represents one feature or benefit you want to highlight in your store. You can display an icon or image along with a short title and description.

* **Service image:** Upload an image or icon (recommended size: *60 × 60px*).
* **Heading:** Add the title of the service (e.g., *Free Shipping*).
* **Content:** Write a short description explaining the service details.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FIjadFmx49RRJbkN26CIK%2Fimage.png?alt=media&amp;token=a6b4653f-6751-44d0-89a8-e640b75500e0" alt=""><figcaption></figcaption></figure>

***

#### **Tips**

* Keep service titles concise and easy to understand.
* Use icons that visually represent the service (e.g., a box for shipping, a headset for support).
* Maintain consistent image style and size across all blocks for a clean layout.