建立亮點區塊
在 Sami Product Labels 中建立亮點區塊的逐步指南。
亮點區塊是由多個特色項目組成的格狀版面，每個項目都包含圖片、標題和說明，您可以將它放在商品頁面上，展示優點與賣點。編輯器分為兩個分頁：Design（內容與樣式）和 Placement（顯示的位置與對象）。
-
開啟 Highlights 分頁
Section titled “開啟 Highlights 分頁”在 Shopify 後台中，開啟 Sami Product Labels 應用程式，點擊應用程式側邊欄中的 Extra Features，然後切換到 Highlights 分頁。
Highlights 分頁會列出您建立的所有亮點區塊。
-
點擊 Create highlights
Section titled “點擊 Create highlights”點擊 Create highlights。全螢幕編輯器會開啟在 Design 分頁。
從頭建立亮點區塊，或從精選範本開始。
-
為亮點區塊命名
Section titled “為亮點區塊命名”名稱欄位位於預覽上方。將 New Highlight 替換為不超過 50 個字元的名稱。此名稱僅供內部使用，用於在清單中辨識區塊，不會顯示給顧客。
-
新增標題與說明
Section titled “新增標題與說明”在 Content & Badges 中填寫 Title 和 Description，這是整個區塊的標題與簡介文字，例如「為什麼選擇我們」。兩者都是富文字編輯器，支援粗體、斜體、底線、表情符號、對齊方式和 HTML 檢視（
</>），而且都依語言分別設定，因此標籤會顯示目前的語言，例如Title (en)。兩者皆為選填；若留空，則只會顯示項目。
區塊標題與說明為富文字欄位，可依語言分別編輯。
-
新增亮點項目
Section titled “新增亮點項目”在 Badges 下，點擊 Add highlight，然後選擇：
選項 功能 Select badge image 開啟圖片選擇器，以新增一個或多個項目。 Line break 插入換行，讓後面的項目從新的一列開始。 在選擇器中，Library 內有超過 1,800 張圖片。您可以依名稱搜尋，或使用 Images、Free Labels、All colors 和 Latest 篩選器縮小清單範圍（Clear 可重設篩選）。點擊您要的圖片，然後點擊 Select Image。您也可以將來源切換為 Design your Images 以使用自己的圖片，或點擊 Edit with AI 修改所選圖片。
篩選或搜尋圖片庫，然後為您的亮點項目挑選圖片。
-
撰寫每個項目的標題與說明
Section titled “撰寫每個項目的標題與說明”每個項目都會在 Badges 清單中顯示為一列。點擊該列的齒輪圖示即可開啟其面板，您可以在其中設定：
- Image：點擊 Change 換成另一張圖片。
- Title：該特色的簡短標題，依語言分別設定。
- Description：最多 250 個字元，依語言分別設定。
使用面板中的 Delete 可移除項目，並可拖曳該列的把手來重新排列格狀版面。
每個項目都有各自的圖片、標題和說明。
-
設定格狀版面與區塊樣式
Section titled “設定格狀版面與區塊樣式”開啟 Design Main Section 以控制整個區塊：
設定 功能 Alignment 靠左、置中或靠右。 Column 每列顯示的項目數量。 Width 區塊寬度，單位為 %或px。Background Heading Color 標題與說明後方的背景。 Background Color 項目區域的背景。 Margin / Padding 區塊外部與內部的間距。 Border & corners 邊框樣式、顏色和圓角半徑。 
Design Main Section 控制格狀版面與區塊容器。
-
設定亮點項目的樣式
Section titled “設定亮點項目的樣式”開啟 Design Badge 來設定項目本身的樣式：
設定 功能 Alignment 每個項目內容的對齊方式。 Style 四種圖片樣式：單色、卡片上的單色、原色，以及卡片上的原色。 Background Color 每個項目的背景。 Size 圖片的 Width 和 Height，單位為 px或%（預設為 50 px）。Positions 圖片相對於文字的位置，例如 Image Position Top。 Margin / Padding / Border & corners 每個項目的間距與邊框。 Title / Description 項目文字的字型、顏色、大小和行高。 
Design Badge 用來設定各個亮點項目的樣式。
-
設定區塊標題的樣式（選用）
Section titled “設定區塊標題的樣式（選用）”開啟 Design title & description。Design Title 和 Design Description 各有獨立的字型、顏色、大小和行高設定，用於區塊層級的標題與簡介文字。
-
設定響應式尺寸與自訂 CSS（選用）
Section titled “設定響應式尺寸與自訂 CSS（選用）”- Responsive size：覆寫平板和手機上的尺寸。
- Advance Section：新增 Custom CSS (Developer Zone)。編輯器下方的 CSS reference 會列出您可以指定的選擇器，例如
.samita_highlight_container；點擊其中一個即可插入。
CSS reference 列出可用於自訂樣式的選擇器。
-
選擇亮點區塊的顯示位置
Section titled “選擇亮點區塊的顯示位置”切換到 Placement 分頁：
- Product page：開啟後，會在每個商品頁面上應用程式內建的位置顯示區塊。
- Shortcode：複製程式碼片段並貼到佈景主題中，即可將區塊放在精確的位置。
- Conditions：Product、Customer、Page、Language 和 Country 條件可縮小哪些人會在哪裡看到區塊的範圍。
Placement 分頁整合了顯示條件、商品頁面開關和短代碼。
-
在預覽上方，您可以切換語言、選擇要預覽的頁面、切換桌機／手機，並以眼睛圖示隱藏範例商品。將區塊設為 Active 或 Draft，然後點擊右上角的 Save。使用 Discard 可捨棄未儲存的變更。
- 使用短代碼放置亮點區塊：將區塊放在佈景主題中的自訂位置。
- 指定亮點區塊的顯示範圍：控制哪些頁面和顧客會看到您的亮點區塊。
- 亮點區塊總覽：了解什麼是亮點區塊，以及何時使用。
- 建立信任徽章：在商品頁面上加入付款與安全圖示。