在特定裝置上隱藏元件

💡 使用情境

---

有時活動頁內容會根據不同裝置類型進行特化調整，並且希望某個裝置類型只秀某一個版本，例如：

• 桌機版：橫式 Banner - 左標語右插圖
• 手機版：直式 Banner - 上標語下插圖

這時「可見度」控制項就能派上用場。

🛠️ 如何使用

---

1. 在元件設定面板的 [設定] tab 底下找到 [可見度]，可以自訂是否要在某種 device view 隱藏元件。
   • 預設值為停用 = 不隱藏元件
   • 啟用後，下列三處都會看不到這個元件：
     1. AMP 後台的頁面編輯器畫布
     2. SDK 網店頁面
     3. Email HTML 匯出結果（※ 假設有啟用在 mobile view 隱藏）
2. 為避免完全無法在編輯器畫布裡看到這個元件的存在，系統會禁止同時在 desktop view 和 mobile view 都隱藏元件，只能擇一隱藏。
3. 支援設定「可見度」的元件包含：

❗️

請注意：

Category list、Product list、Instagram gallery 這三種複合式元件，只有最上層的元件支援設定「可見度」，內部的子元件（例如：Category image、Product title、Instagram post）都不支援。

如果想要控制內部子元件在不同裝置類別的顯示或隱藏，請到母元件的設定面板 > [設定] tab 底下，找到 [顯示設定] 的 checkbox（例如：是否顯示分頁、是否顯示分類按鈕、是否顯示載入更多按鈕）進行勾選或取消勾選。