跳到內容
GloboGlobo Docs
安裝應用程式
繁體中文

連結清單

新增一欄連結，這是最經典的大型選單區塊，可選擇加上圖示、圖片與徽章。

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

一個標題和一串連結，可分成一欄或多欄。可用於商品分類、品牌、尺寸或任何網頁清單。

新增區塊

  1. 選擇版面

    在預覽的大型選單面板中，點擊 Add block（新增區塊）。點擊 Link list（連結清單），將游標移到某個版面上，然後點擊 Select（選擇）。

    (1) 點擊 Link list，(2) 選擇版面。

  2. 加入連結

    點擊預覽中清單下方或 Elements（元素）清單中的 Add items（新增項目）。點擊區塊以開啟 Edit Item（編輯項目），並填寫每個連結；點擊 Remove（移除）即可刪除連結。

    預覽中的連結清單區塊，設定顯示在 Edit Item 中。

  3. 儲存並發佈

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

版面

Link list 分頁最前面有四個特殊版面：Hover image links（懸停圖片連結）、Feature list（特色清單）、Feature list row（特色清單列）和 Button（按鈕）。請參閱懸停圖片連結、特色清單和按鈕。經典的連結清單版面如下：

2 columns（2 欄）
一個標題，連結分成 2 欄。
3 columns（3 欄）
一個標題，連結分成 3 欄。
Simple（簡單）
一個標題和一欄連結。
Links with icon（附圖示的連結）
每個連結前方都有圖示。
Links with image（附圖片的連結）
每個連結前方都有小圖片。

設定

區塊

Width（寬度）預設: 視版面而定
區塊佔大型選單一列的比例：Auto（自動）或 8.33% 到 100%。
Number of columns（欄數）預設: 1（欄位版面為 2 或 3）
將連結分散到 1 到 6 欄。
Background color（背景顏色）預設: 透明
整個區塊的背景。
Visibility（顯示設定）預設: Off
Hide on desktop（在桌面裝置隱藏）、Hide on mobile（在行動裝置隱藏）、Hide when logged in（登入時隱藏）、Only show when logged in（僅在登入時顯示）、Schedule publishing（排程發佈）。請參閱每個區塊都有的設定。
Extra classname（額外類別名稱）預設: 空白
位於 Advanced（進階）下。供自訂 CSS 使用的 CSS 類別。

每個連結

Is heading（設為標題）
將連結設為欄位標題的樣式。沒有連結的標題會以純文字顯示。
Icon（圖示）
顯示在連結前方的圖示。請參閱選單項目圖示。
Icon width（圖示寬度）
圖示為上傳的圖片時才會出現：Auto（自動）或 Custom（自訂，%、px、em 或 rem）。
Title（標題）
連結文字。
Link
搜尋網頁、商品、商品系列或部落格文章，或貼上網址。勾選 Open in new tab（在新分頁開啟）即可在新分頁中開啟。
Image icon / Image width（圖片圖示 / 圖片寬度）
在含圖片的版面（例如 Links with image）中：連結前方的小圖片及其大小（Auto 或 Custom）。
Description（說明）
連結下方的一行簡短文字。
Badge（徽章）Pro
連結旁的小標籤，例如「New」或「Sale」。開啟 Toggle badge（切換徽章），然後設定 Badge title（徽章標題）、Badge text color（徽章文字顏色）和 Badge background color（徽章背景顏色）。

提示

  • 在每個清單的最上方放一個設為 Is heading 的連結。
  • 在清單最後加上 View all（查看全部）連結，指向整個商品系列。

這個頁面有幫助嗎？

回報問題