> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【官網設計】如何移除官網搜尋欄和搜尋圖標

此篇文章將教導如何移除官網的搜尋欄和搜尋圖標，部分主題顯示搜尋欄，部分則僅顯示搜尋圖示，依主題設計而定。

| EasyStore 本不支援客製化原始碼服務，但我們非常了解商家需求，特此提供修改原始碼路徑。然而，編輯原始碼會更改原本的架構，可能導致代碼不相容或影響到其他功能，本站概不負責。提醒商家在進行任何代碼修改之前，務必慎重考慮及深入評估。


# ${color}[#871212](目錄：)

### [🔵如何移除官網搜尋欄](#1-5aac5l2v56e76zmk5a6y57ay5pcc5bcl5qye)
### [🔵如何移除官網搜尋圖標](#1-5aac5l2v56e76zmk5a6y57ay5pcc5bcl5zyw5qiz)
### [🔵如何移除官網搜尋圖標（Muse 之前發佈之新版佈景主題）](#3-muse)
### [🔵如何移除官網搜尋圖標（ Muse 和 Essence 主題）](#3-muse-essence)
### [🔵如何移除官網搜尋圖標（ 舊版主題）](#3-candy)


---

# 如何移除官網搜尋欄

如果你使用的新版主題（Aroma 或其後發佈之佈景主題）有搜尋欄，你可以參考這篇文章如何移除官網的搜尋欄。

不是全部新版主題都會有這個搜尋欄，如：Essence、Muse、Scents、Aroma 、Mels 、Freshbit、Marshmallow、Pastries、Brew 等等。

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_dakczt.png)

### 步驟一：編輯原始碼

1.  EasyStore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → header.liquid 文件 → 刪除以下代碼

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_edmwc2.png)

### 步驟二：點擊儲存，完成

### 設定效果：
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_cnijb1.png)


---

# 如何移除官網搜尋圖標

如果你使用的新版主題（Aroma 或其後發佈之佈景主題）有搜尋圖標，你可以參考這篇文章如何移除官網的搜尋圖標。


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_9gxawi.png)

### 👉 Muse 之前發佈之新版佈景主題

1.  EasyStore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → header.liquid 文件 → 搜尋 `<details-modal class="header__search">`


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1nc74vp.png)

2. 於 `<details-modal class="header__search">` 裡，在 search 的後方加入 `hide `

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_8u4a1g.png)

### 👉 Muse 和 Essence 主題

1.  header.liquid 文件 → 搜尋 `{% include 'search-modal' %}`  →  移除代碼

（ `{% include 'search-modal' %}`  會出現在兩個位置）



![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_b2qd3a.png)


2. 找第二個  `{% include 'search-modal' %}`  後 → 移除代碼


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_ncr4qa.png)


### 👉 舊版主題（Candy 或之前發佈之主題）


1. 移除網頁版搜尋圖標

前往 header-bar.liquid 原始碼文件 → 移除以下代碼

```
 <div class="header-bar__module">
                      {% include 'search-bar' with 'header' %}
                    </div>
```

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1m2b24h.png)

2. 移除手機版搜尋圖標

前往 mobile-nav.liquid 原始碼文件 → 移除以下代碼

```
<li class="mobile-nav__link header-bar__search-wrapper">
    {% if settings.header_search_enable %}
    <div class="header-bar__module header-bar__search mobile-nav_search">
      {% include 'search-bar' with 'mobile-nav' %}
    </div>
    {% endif %}
  </li>
```


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1uaf1fn.png)

---


### 設定效果：

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1jddcwv.png)