品牌標誌

參考資料 所有方案 1 分鐘閱讀

格狀排列的標誌，每個標誌都連結到您選擇的網頁，通常是該品牌的商品系列。當顧客能憑標誌認出您的品牌時，可用來製作「依品牌選購」面板。

新增區塊

1. 選擇版面

   在預覽的大型選單面板中，點擊 Add block（新增區塊）。點擊 Add custom image（新增自訂圖片），將游標移到 Brand logos（品牌標誌）上，然後點擊 Select（選擇）。區塊一開始的標題是「Shop by brand」，並有 5 個範例品牌。

   

   (1) 點擊 Add custom image，(2) 選擇 Brand logos。

2. 設定每個品牌

   在 Edit Item（編輯項目）中，為每個品牌在 Logo（標誌）下點擊 Select image（選擇圖片），輸入 Name（名稱）並選擇 Link（連結）。點擊 Add brand（新增品牌）可新增一個，點擊 Remove（移除）可刪除一個。

   

   預覽中的品牌標誌區塊，設定顯示在 Edit Item 中。

3. 儲存並發佈

   在 Style（樣式）下調整格狀排列，然後點擊 Save（儲存）和 Publish（發佈）。

設定

一般

Heading（標題）預設: Shop by brand

標誌上方的文字。

Width（寬度）預設: 100%

區塊佔大型選單一列的比例：Auto（自動）或 8.33% 到 100%。

樣式

Logos per row（每列標誌數）預設: 5

3、4、5 或 6。

Grayscale logos, color on hover（灰階標誌，懸停時顯示彩色）預設: On

以灰色顯示所有標誌，顧客將滑鼠懸停在某個標誌上時恢復彩色。

每個品牌

Logo（標誌）預設: None

品牌標誌。沒有標誌時，會以文字顯示品牌的 Name。

Name（名稱）預設: Brand 1, Brand 2…

品牌名稱。

Link（連結）預設: None

點擊標誌後前往的位置。

每個區塊最多 18 個品牌。每個品牌也會出現在 Elements（元素）清單中的區塊下方，並附有 Add brand 按鈕：拖曳品牌即可重新排序，或點擊其中一個（在清單或預覽中）只編輯該品牌，包括它自己的 Visibility（顯示設定），例如在行動裝置上隱藏某個品牌。整個區塊的 Visibility 用法和其他區塊相同，請參閱每個區塊都有的設定。

提示

• 使用形狀相同、背景為透明或白色的標誌，讓格狀排列看起來整齊一致。
• 保持開啟 Grayscale logos, color on hover，呈現沉穩的外觀，同時在顧客指向品牌時仍有反應。

相關頁面

• 商品系列清單顯示您選擇的商品系列，每個都附有圖片與名稱。
• 圖片顯示含標題、說明與連結的橫幅或促銷圖片。
• 區塊總覽在大型選單或分頁中新增連結、圖片、商品與倒數計時器等區塊。

這個頁面有幫助嗎？

回報問題