# Services

{% hint style="info" %}
**Theme settings -> Services**
{% endhint %}

## General

&#x20;Here you can decide whether the “Client Service” header button should be shown:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-Mfbmajx4qcmM_uISTkp%2F-MfbnKmimcNDXhQ6mJpn%2FScreenshot_22.png?alt=media\&token=366f38d5-9487-4841-9468-61c5b492e908)

## Popup

&#x20;Decide whether you want a popup for client services to appear when clicking the “Client Service” header button simply by enabling or disabling a popup. You can choose content for the popup by selecting a page. How to add or edit a page is described below. If no page is selected, a default page: 'Include Popup Services' will be used and shown in the popup:

<figure><img src="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FDD3fDABP2SwZukZwE3kz%2Fclient%20services%20popup.png?alt=media&#x26;token=1200dadd-6020-4f1c-8e6a-d75e96609d9d" alt=""><figcaption></figcaption></figure>

&#x20; If you disable this option, the client will be redirected to the “Client Services” page when clicking on the “Client Services” header button.

**Default page: 'Include Popup Services'**

&#x20;Now you might have a question, how one can edit this default page “Include Popup Services”. In order to do that please follow these steps:

* Go to your *Shopify Admin -> Online Store*;
* Click on Pages;
* Search for “Include Popup Services” and click on it;
* Start editing the page;
* Save changes.

&#x20;That is all. Once you follow these steps you will get to the page editor, where you can change the content of this page. In such a way each page can be added and edited. You can read more in our section. [<mark style="color:blue;">**How to add and edit a page**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/how-to-add-and-edit-a-page). This is what the editor of the page looks like:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-Mfbmajx4qcmM_uISTkp%2F-MfboEXqfLzrGab_k3ZY%2FScreenshot_24.png?alt=media\&token=17f25fc0-72ec-427c-99ea-adcea357531a)

&#x20;**Demo content, HTML code**

* Create a page at the *Online Store -> Pages.*
* Switch the editor to the coding mode. Press the Show HTML button.
* Paste the demo code and save the page.

```
<div class="popup-services__head d-flex align-items-center mb-10">
<h5 class="m-0">HERE TO HELP</h5>
</div>
<div class="popup-services__content">
<p>Have a question? You may find an answer in our <a href="/pages/answers-to-your-questions" class="btn-link">FAQs</a>.<br />But you can also contact us:</p>
<h6 class="mb-20">Customer Services</h6>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-197]</i>Call Us: 800-123-4567</p>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-234]</i>Mon-Fri: 9:00 am - 6:00 pm<br />Sat: 9:00 am - 4:00 pm<br />Sun: 9:00 am - 2:00 pm</p>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-153]</i><a href="mailto:shellashopify2018@gmail.com" class="btn-link">Send us an email</a></p>
</div>
<hr />
<div class="popup-services__head d-flex align-items-center mb-15">
<h5 class="m-0">SHIPPING</h5>
</div>
<div class="popup-services__content">
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-116]</i>Free shippingdelivery all orders of $49 or more of eligible items across any product category qualify.</p>
</div>
<hr />
<div class="popup-services__head d-flex align-items-center mb-15">
<h5 class="m-0">PAYMENTS</h5>
</div>
<div class="popup-services__content">
<h6 class="mb-20">Accepts the following payment methods:</h6>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-125]</i>Credit Card: Visa, MasterCard, Maestro, American Express. The total will be charged to your card when the order is shipped.</p>
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-157]</i>PayPal: Shop easily online without having to enter your credit card details on the website.</p>
</div>
<hr />
<div class="popup-services__head d-flex align-items-center mb-15">
<h5 class="m-0">RETURN POLICY</h5>
</div>
<div class="popup-services__content">
<p class="d-flex align-items-start"><i class="mr-10 colorize-theme-primary-f-ins">[icon:theme-009]</i>You can return any item purchased on Shella within 20 days of the delivery date.</p>
</div>
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/services.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
