為選單項目加上圖示

操作指南 所有方案 1 分鐘閱讀

圖示能幫助顧客更快瀏覽選單，例如在「Sale」旁放一個火焰，或在品牌旁放一個小標誌。

加上圖示

1. 開啟項目

   在預覽中將游標移到項目上，點擊 Edit Item（編輯項目）(1)。項目設定會在左側開啟 (2)，Icon（圖示）位於最上方。

   

   (1) 點擊 Edit Item，(2) 項目設定在左側開啟，Icon 位於最上方

2. 選擇圖示

   從圖示庫中挑選，或上傳您自己的圖片。

   選擇圖示
   1. 點擊 Select icon（選擇圖示）並搜尋，例如 heart 或 truck。
   2. 點擊圖示。圖示會立即加入，並使用項目的文字顏色。
   上傳圖示
   1. 點擊 Upload icon（上傳圖示）。Images（圖片）面板會顯示您已上傳的圖片。
   2. 將圖片拖放到上傳區域，或點擊該區域選擇檔案。
   3. 點擊圖片，然後點擊 Select（選擇）。

   

   Icon 位於項目設定最上方：Select icon 或 Upload icon。

3. 設定圖示寬度

   僅適用於上傳的圖片，請參閱圖示寬度。

4. 儲存並發佈

   點擊 Save（儲存），然後點擊 Publish（發佈）。

注意

請上傳約 60 × 60 px、2 MB 以下的正方形 PNG、JPG、WebP、GIF 或 SVG。檔案過大時會顯示「The image may not be greater than 2MB. Please resize and reupload」。

圖示寬度

Auto（自動）

圖片保持原始大小。

Custom（自訂）

數值加上單位（%、px、em 或 rem），例如 24px。

變更或移除圖示

點擊 Icon 方塊中的 Change（變更），然後：

• Select icon：改選其他圖示庫圖示。
• Upload icon：改用其他圖片。
• Remove（移除）：從項目移除圖示。

上傳的圖片會保留在 Images 面板中供重複使用。如要從圖庫中刪除圖片，請選取該圖片並點擊 Delete（刪除）。

提示

• 同一個選單中的所有圖示，請使用一致的風格（線條或填色）與大小。
• 如果上傳的圖示看起來模糊，請以顯示尺寸的兩倍上傳（顯示 24 px 時上傳 48 × 48 px），並設定 Custom 寬度。
• 在翻譯模式中，可以為每種語言使用不同的圖示。

相關頁面

• 編輯選單項目變更項目的標題、連結、圖示、顏色、徽章、子選單與顯示設定，或複製、移動和刪除項目。
• 新增選單項目在選單列新增頂層項目，並將它連結到網頁、商品系列、商品或網址。
• 翻譯選單將選單項目和內建的選單文字翻譯成商店銷售的所有語言。

這個頁面有幫助嗎？

回報問題