> ## 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).

# 更換查看購物車 & 繼續購物按鈕顏色

有關的文章： [官網設計](/zh-tw/category/5a6y57ay6kit6kii-1kvbh2w/)

商家們可以客製化 “查看購物車” & “繼續購物” 按鈕顏色，以下是按鈕前台顯示：  
  
  
  

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image-41_1109i9d.png)
  
  
  
在開始之前，您需要選擇想要更改的顏色，並獲得該顏色的顏色代碼，請點擊這裡獲取。之後，您可以前往：EasyStore後台 > 銷售管道 > 品牌官網 > 佈景主題 > 編輯原始碼 > 選擇 assets/timber.scss 檔案。  
  
  
  
  
  
⚠️ 注意 :  
更換佈景主題之後，需要重新編輯原始碼。  
  
  
  
  
  

### 更換查看購物車按鈕顏色

  
  
  
您可以前往：EasyStore後台 > 銷售管道 > 品牌官網 > 佈景主題 > 編輯原始碼 > 選擇 timber.scss 檔案 > 在大約第 195 排 > 尋找 $successGreen > 更換旁邊的顏色代碼至您想要的顏色代碼。  
  
  
  
  
![](https://storage.crisp.chat/users/helpdesk/website/62c419ae067b3000/47fc99ac-0535-4708-ad5e-59f78e_1ucj3cs.png)  
  
  
  
  

### 更換繼續購物按鈕顏色

  
  
  
您可以前往：EasyStore後台 > 銷售管道 > 品牌官網 > 佈景主題 > 編輯原始碼 > 選擇 timber.scss 檔案 > 在大約第 149 排 > 尋找 $colorSecondary > 更換旁邊的顏色代碼至您想要的顏色代碼。  
  
  
  
![](https://storage.crisp.chat/users/helpdesk/website/f9b1b0287f073000/62ca9c2b-bca2-4b7c-883e-4a5e5b_1j6xh9p.png)  
  
  
  
  
  
儲存即可完成設定。您可以到前台查看最新效果：  
  
  
  
  

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image-41_1rf01n4.png)