Minimal

Minimal 是一款寬版面配置的響應式佈景主題,在任何裝置上都能帶來絕佳效果。其配備多項旨在為提供您充分彈性的功能,您可以使用額外的版面配置選項、產品視圖、商品視圖、導覽樣式和印刷樣式選項來自訂商店。

使用 Minimal 的線上商店範例

佈景主題編輯器

使用佈景主題編輯器來自訂您的佈景主題。佈景主題編輯器分為「區段」「佈景主題設定」兩個部分。

有「區段」和「佈景主題設定」的佈景主題編輯器工具列

您可以使用區段來修改商店不同頁面的內容和版面配置。您可以使用佈景主題設定來自訂商店的字體和顏色,以及變更社群媒體連結和結帳設定。

區段即是可以決定您線上商店中各頁面版面配置,並可由您自訂的內容方塊。

  • 首頁區段包含幻燈片或電子報註冊等功能,您可以新增、重新排列或移除這些功能。首頁上最多可以有 25 個區段。

  • 不同的頁面類型有不同的區段。舉例來說,產品頁面區段就會決定您線上商店中每個產品頁面的版面配置。

  • 頁面區段一定會位於您線上商店內的特定位置。您可以自訂這些區段,但是無法重新排列或移除。

  • 每項佈景主題都有固定的區段,如標頭、頁尾等等,這些區段會顯示在線上商店的所有頁面上。

您可以瞭解的獨特區段集和如何按照公司風格自訂這些區段的方法。

Minimal 包括以下的靜態區段:

  • 標頭

  • 頁尾
  • 產品頁面
  • 商品系列頁面
  • 商品系列清單頁面
  • 部落格
  • 文章
  • 購物車頁面

動態區段

您可以新增重新排列移除這些動態區段,以便自訂首頁的版面配置。每項佈景主題都有獨特的動態區段集可供挑選。

Minimal 包括以下的動態區段:

  • 部落格文章

  • 商品系列清單
  • 精選商品系列
  • 圖庫
  • 附文字的圖片
  • 投影片輪播
  • 精選產品
  • 電子報
  • 地圖
  • RTF 文字
  • 影片
  • 自訂 HTML

標頭

您可以將自訂標誌圖片新增至商店的標頭中。最佳格式為包含透明底色的 .png 檔。標誌圖片應為 450 x 200 像素。您可以透過縮減寬度來調整商標圖片大小。

您也可以使用 Minimal 為客戶建立顯示在商店頁面頂端的訊息:

您可完全自訂訊息內容,並且可以包含聯絡資訊、商店活動或銷售資訊,或包含商店的口號或宣傳訊息。

若要自訂標頭區段:

  1. 按一下「區段」

  2. 按一下「標頭」

  3. 在「標誌」區域中,按一下「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請按一下「圖庫」索引標籤。 - 如要從電腦本機中選擇圖片,請按一下「圖庫」索引標籤,然後按一下加號按鈕。

  1. 在「自訂標誌寬度 (以像素為單位)」欄位中,輸入標誌寬度。

  2. 在「主選單」區域中,在「選單」清單中選擇要在商店標頭中顯示的導覽選單。

  3. 如果要在商店標誌下方顯示導覽選單,請勾選「將主選單置中在標誌下方」。

  4. 如果要將商店的標誌與頁面左側對齊,請勾選「靠左對齊標誌」。

  5. 如果要在標題下方顯示一條細線,請勾選「在標題中顯示分隔線」。

  6. 在「頂端列」區段,於「頂端列文字」欄位中輸入您的自訂訊息。

  7. 如果要在標頭中顯示搜尋列,請勾選「顯示搜尋列」。

  8. 按一下「儲存」

頁尾

您可以在頁尾區段中編輯顯示在商店每一頁底部的內容。您可以在頁尾加入以下功能:

  • 付款圖示
  • 社交媒體圖示
  • 訂閱電子報
  • 自訂文字
  • 指向您最新部落格貼文的連結
  • 選單

網站上顯示選單、訂閱電子報、版權文字和付款圖示的頁尾區段。

如要自訂頁尾區段:

  1. 找到 Minimal 並按一下「自訂」

  2. 按一下「區段」

  3. 按一下「頁尾」。

  4. 勾選「付款圖示」,以便在頁尾新增付款圖示 (例如 Mastercard 或 PayPal)。

  5. 在「內容」區域的頁尾,最多可新增 6 個內容區塊:

- 按一下「新增內容」以新增內容區塊。從以下選項中選擇區塊的類型: - 選單 - 社交圖示 - 訂閱電子報 - 最新的部落格貼文 - 文字

- 按一下 ⁞⁞ 圖示以移動內容區塊並將區塊拖曳至其他位置。 - 依序按一下區塊和「移除內容」,以移除內容區塊。
- 按一下區塊並編輯設定,以自訂內容區塊。

  1. 按一下「儲存」

產品頁面

在「產品頁面」區段中,您可以新增或移除以下元素:

  • 產品品牌或供應商
  • 數量選擇器
  • 圖片縮放
  • 產品說明中的標籤
  • 社交分享圖示
  • 相關產品
  • 動態結帳按鈕
  • 商品推薦

您還可以設定縮圖圖片的位置,以及選擇變體選擇器的大小、「加入購物車」按鈕和動態結帳按鈕。

如要編輯產品頁面的設定:

  1. 在頂端列的下拉式選單中,選擇「產品頁面」。

  2. 按一下「區段」

  3. 按一下「產品頁面」。

  4. 如要顯示產品品牌或供應商,請勾選「顯示產品供應商」。如要展示品牌或供應商,您需要為產品新增供應商

  5. 如要顯示數量選擇器,請勾選「顯示數量選擇器」

  6. 如要選擇精選圖片的圖片縮放類型,請在「縮放類型」清單中選擇「燈箱」、「放大」或「無縮放」。

  7. 如要設定產品縮圖圖片的位置,請在「產品縮圖位置」下拉式選單中,選擇「主圖片右側」或「主圖片下方」。

  8. 如要在產品說明中使用標籤,請執行以下任務:

    1. 勾選「顯示產品說明旁的索引標籤」。如此一來就會在索引標籤上顯示您的產品說明,並在第二個索引標籤上顯示其他內容 (例如尺寸表或退貨政策)。
    2. 在「索引標籤內容」區域中,按一下「選擇頁面」,然後選擇包含要在第二個索引標籤上顯示內容的頁面。
  9. 如要顯示社交分享圖示,請勾選「啟用產品分享」。

  10. 如要在頁面底部顯示一系列相關產品,請執行以下任務:

    1. 勾選「啟用相關產品」。
    2. 如要為相關產品顯示產品品牌或供應商,請勾選「顯示供應商」。
    3. 如要為特賣的相關產品顯示特賣圖示,請勾選「顯示特賣圓圈」。
    4. 如要為售罄的相關產品顯示售罄圖示,請勾選「顯示售罄圓圈」。
    5. 如要將相關產品的標題文字置中,請勾選「在產品圖片下方置中文字」。

    產品所屬的商品系列決定顯示的相關產品。如要顯示相關產品,您需要為產品建立商品系列,或將其新增至現有商品系列中。如果產品不是商品系列的一部分,就不會顯示相關產品。

  11. 如要顯示動態結帳按鈕,請勾選「顯示動態結帳按鈕」。

  12. 如要設定變體選擇器、「加入購物車」按鈕和動態結帳按鈕的尺寸,請在「變體選擇器和按鈕尺寸」下拉式選單中選擇尺寸。

  13. 按一下「儲存」

新增或移除產品推薦

您可以在產品頁面顯示推薦產品,讓客戶輕鬆發掘其他符合興趣的產品。

  1. 在頂端列的下拉式選單中,選擇「產品頁面」。

  2. 按一下「產品推薦」。

  3. 使用「顯示動態推薦」核取方塊,於產品頁面中顯示或隱藏產品推薦。

  4. 選用:若要變更推薦產品上方顯示的標題,請在「標題」欄中輸入新標題。

  5. 選用:若要選擇產品推薦的顯示方式,可以使用這些核取方塊:

- 顯示產品廠商 - 顯示「特價」圓圈 - 將文字置中並置於產品圖片下方

  1. 按一下「儲存」

商品系列頁面

Minimal 佈景主題包含以下設定,可讓您自訂產品在商品系列頁面上的顯示方式:

  • 顯示或隱藏特賣圖示、售罄圖示和產品供應商名稱

  • 可讓您的客戶選擇排序選項,並按產品標籤篩選商品系列

  • 選擇每張片產品圖片下方的文字要置中還是靠左對齊。

如要設定商品系列的顯示方式:

  1. 導覽至佈景主題編輯器中的商品系列頁面。

  2. 按一下「區段」索引標籤。

  3. 按一下「商品系列頁面」區段。

  4. 如要顯示產品供應商或品牌名稱,請勾選「顯示產品供應商」。

  5. 如果要顯示特賣圖示,請勾選「顯示產品特賣圓圈」。

  6. 如果要顯示售罄圖示,請勾選「顯示產品售罄圓圈」。

  7. 如要允許客戶為商品系列中的產品選擇排序順序,請勾選「啟用商品系列排序」。

  8. 如要允許客戶按產品標籤篩選顯示結果,請勾選「啟用按產品標籤篩選條件」。

  9. 如果要在產品圖片正下方顯示文字,請勾選「在產品圖片下方置中文字」。

  10. 按一下「儲存」

部落格

如果您使用來自多位作者的部落格貼文,可能需要自動顯示每篇部落格貼文的作者姓名。

如要顯示部落格貼文作者:

  1. 導覽至佈景主題編輯器中的部落格頁面。

  2. 按一下「區段」索引標籤。

  3. 按一下「部落格」區段。

  4. 勾選「顯示部落格貼文作者」。

  5. 按一下「儲存」

購物車頁面

使用 Minimal 佈景主題,您可以在購物車頁面上啟用訂單備註,讓客戶輸入訂單說明

如要啟用訂單備註:

  1. 將產品新增至購物車,即可導覽至佈景主題編輯器中的購物車頁面。

  2. 按一下「區段」索引標籤。

  3. 按一下「購物車頁面」區段。

  4. 勾選「啟用訂單備註」。

  5. 按一下「儲存」

精選商品系列

您可以在首頁上展示精選商品系列。展示精選商品系列有助於促進銷售和宣傳新商品系列。

若要在首頁上顯示精選商品系列:

  1. 按一下「區段」索引標籤。

  2. 按一下「精選商品系列」區段。

  3. 如要變更商品系列上方顯示的文字,請在「標題」欄位中輸入文字。

  4. 在「商品系列」清單中,選擇您想顯示的商品系列。如要新增商品系列,請按一下「新增商品系列」連結,即可在新分頁中開啟「建立商品系列」頁面。

  5. 在「每列產品數」清單中,選擇要在每一列顯示的產品數量。

  6. 在「資料列」清單中,選擇要顯示的產品列數。

  7. 如要在每張產品照片下方顯示供應商或品牌名稱,請勾選「顯示產品供應商」。

  8. 如果要在特賣產品上顯示圓圈,請勾選「顯示產品特賣圓圈」。

  9. 如果要在售罄的產品上顯示一個圓圈,請勾選「顯示產品售罄圓圈」。

  10. 如果要將產品文字置中,請勾選「在產品圖片下方置中文字」。

  11. 按一下「儲存」

投影片輪播

您可以建立首頁投影片輪播,最多可以輪播六張圖片。

Minimal 佈景主題中的投影片輪播區段

投影片輪播圖片的建議大小為 1280 x 460 像素。

投影片輪播區段包括下列設定:

  • 投影片高度 - 設定投影片高度。選擇「配合第一張圖片投影片高度」,以第一張圖片的高度做為投影片高度的基礎。
  • 自動輪播投影片 - 設定自動開始投影片輪播。
  • 變更投影片的頻率 - 選擇變更投影片的頻率。
  • 轉場效果 - 選擇要讓圖片滑動或淡化。
  • 文字大小 - 設定您投影片的文字大小。
  • 圖片 - 將圖片投影片新增至投影片輪播。
  • 圖片位置 - 選擇圖片中最重要的區域,當作投影片的焦點。
  • 疊加不透明度 - 設定圖片疊加的陰影。疊加陰影可以加深您的圖片外觀,讓投影片文字易於閱讀。
  • 文字顏色 - 設定投影片的文字顏色。
  • 文字對齊 - 對齊投影片的文字。
  • 標題 - 新增標題到投影片。
  • 按鈕標籤 - 將含有文字標籤的按鈕新增到投影片。
  • 按鈕連結 - 將您的按鈕連結至線上商店的其他部分。

將投影片新增至您的首頁:

  1. 找到 Minimal 並按一下「自訂」

  2. 按一下「幻燈片」

  3. 使用設定來自訂投影片輪播

  4. 按一下「儲存」

電子報

您可以將訂閱電子報加入首頁。您可以收集客戶的電子郵件地址,以供電子郵件行銷活動使用。您可以在 Shopify 部落格上進一步瞭解電子郵件行銷。

網站上的電子報區段。在此提供客戶可以輸入電子郵件地址的欄位和「訂閱」按鈕。

如要將訂閱電子報新增至首頁:

  1. 找到 Minimal 並按一下「自訂」

  2. 按一下「區段」

  3. 按一下「新增區段 > 電子報」。

  4. 在「標題」欄位中,輸入訂閱電子報的標題。標題預設為「訂閱我們的電子報」。

  5. 在「子文字」欄位中,輸入訂閱電子報的副標題。預設文字為「促銷活動、新產品和特賣消息,直接送到您的收件匣。」

  6. 按一下「背景顏色」色樣,並選擇顏色以設定訂閱電子報區段的背景顏色。

  7. 按一下「儲存」

影片

您可以將 YouTube 或 Vimeo 代管的影片加入首頁。影片可以吸引客戶並讓客戶對您的業務產生興趣。

如要為首頁新增影片:

  1. 找到 Minimal 並按一下「自訂」

  2. 按一下「區段」

  3. 按一下「新增區段 > 影片」。

  4. 在「標題」欄位中,輸入影片的標題。

  5. 在「影片連結」欄位中,輸入影片的分享連結。

    YouTube 分享連結如下所示:https://youtu.be/OTJXAUZY9t0。您可以在此 YouTube 說明文章中,瞭解如何複製 YouTube 影片的分享連結。

    Vimeo 分享連結如下所示:https://vimeo.com/281332510。您可以在此 Vimeo 說明中心文章中,瞭解如何複製 Vimeo 影片的分享連結。

  6. 按一下「儲存」

自訂 HTML

您可以在「自訂 HTML」區段內用 HTML 程式碼為首頁建立自訂內容。舉例來說,您可以透過 HTML 設定文字方塊的格式、建立表格,或內嵌來自第三方網站的內容。

若要為首頁新增自訂 HTML:

  1. 找到 Minimal 並按一下「自訂」

  2. 按一下「區段」。

  3. 按一下「新增區段」。

  4. 「進階版面配置」區域中,按一下「自訂 HTML > 新增」

  5. 按一下「自訂 HTML」,然後輸入要新增到首頁的 HTML 程式碼。

  6. 按一下「儲存」。

主題設定 您可以透過佈景主題設定來自定線上商店的顏色和字體。您也可以建立您的社群媒體帳戶連結、編輯購物車設定,並新增 favicon。

Minimal 包括以下的佈景主題設定:

  • 版面配置
  • 顏色
  • 印刷樣式
  • 社交媒體
  • Favicon
  • 結帳

版面配置

使用 Minimal 佈景主題,將商店的最大寬度從 1030 像素變更為 1340 像素的寬幅版面配置。較寬的版面配置可讓您的圖片以較大尺寸顯示,但也會將文字拉寬。

如果是以圖形 (而非文字) 為重心,可使用較寬的版面配置。

如要變更版面配置的寬度:

  1. 按一下「佈景主題設定」索引標籤。

  2. 按一下「版面配置」。

  3. 勾選「啟用寬幅版面配置」。

顏色

您可以指定線上商店內各部分的顏色。

調整顏色設定

  1. 按一下 **** 旁邊的「自訂」。

  2. 按一下「佈景主題設定」。

  3. 按一下「顏色」。

  4. 根據每種內容類型按一下顏色樣本,即可使用顏色挑選器。

    佈景主題編輯器內的顏色挑選器

- 「最近選擇」區域會顯示您最近為佈景主題選擇過的顏色。 - 「目前使用」區域會顯示您佈景主題其他部分目前正在使用的顏色。

若要將顏色設定為透明,請按一下「」。

  1. 按一下「儲存」。

印刷樣式

您可以指定線上商店裡文字的字型風格和大小。

自訂您的字體設定

  1. 按一下 **** 旁邊的「自訂」。

  2. 按一下「佈景主題設定」。

  3. 按一下「字體」。

  4. 根據每一種文字類型按一下「變更」即可使用字形挑選器:

    字形挑選器上的「變更」按鈕

  5. 您可以使用搜尋欄位或按一下「載入更多」查看有哪些字形。

    如果想檢視全部可用的字形,請看 Shopify 字形庫

  6. 按一下要使用的字體名稱。

  7. 若要變更粗體或斜體等字形風格,請按一下「標準」。然後找到您想使用的風格,按一下旁邊的「選擇」:

    字形挑選器可以挑選字體的粗細。

  8. 按一下「儲存」。

Favicon

您可以上傳收藏的圖示或 Favicon,並透過在以下位置顯示您的標誌,以協助您塑造線上商店的品牌形象:

  • 您的網路瀏覽器分頁
  • 您的網路瀏覽器的歷程記錄
  • 您桌面上的圖示
  • 線上商店名稱旁邊 (如果線上商店已加入書籤的話)。

如要上傳 Favicon:

  1. 按一下「佈景主題設定」索引標籤。

  2. 按一下「Favicon」。

  3. 在「Favicon 圖片」區域中,按一下「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請按一下「圖庫」索引標籤。 - 如要從電腦本機中選擇圖片,請按一下「圖庫」索引標籤,然後按一下加號按鈕。

秘訣:適用於 Minimal 佈景主題的建議大小為 32 x 32 像素。

  1. 按一下「儲存」

社交媒體

您可以為產品和部落格貼文加入社交分享按鈕,以及指向您的社交媒體帳號的連結。

如要自訂社交媒體設定:

  1. 找到 Minimal 並按一下「自訂」

  2. 按一下「佈景主題設定」。

  3. 按一下「社交媒體」。

  4. 如要上傳社交分享圖片,請在「社交分享圖片」區域中,按一下「選擇圖片」或「探索免費圖片」。

  5. 如要新增指向您社交媒體帳號的連結,請前往「帳號」區域,在提供的欄位中輸入指向您帳號的連結。輸入完整的連結,例如 https://instagram.com/shopifyhttps://twitter.com/shopify

    指向您社交媒體帳號的連結會顯示在您線上商店的頁尾。

  6. 如要在您的產品和部落格貼文中新增社交分享按鈕,請在「分享選項」區域中勾選任一或所有核取方塊。

    您可以加入以下的分享按鈕:

- 分享至 Facebook - 在 Twitter 上發佈推文 - 在 Pinterest 上收藏為釘圖 (不適用於部落格貼文分享)

  1. 如要變更分享按鈕的樣式,請在「按鈕樣式」選單中選擇「具完整商標」或「僅標誌」。

  2. 按一下「儲存」

結帳

此區段可讓您自訂商店的結帳流程。按一下此處進一步瞭解商店結帳頁面的詳細資訊。

圖片秘訣

產品圖片的最佳尺寸

較高解析度的照片在 Minimal 佈景主題中會看起來更加精緻而專業,因此我們建議您提供至少 1024 x 1024 像素的圖片。您的圖片最大可以到 2048 x 2048 像素。

如果要使用放大功能,則建議使用非常大的圖片,這一點格外重要。如要啟用該功能,請按一下「區段」索引標籤,然後在「產品頁面」區段中,將「圖片縮放類型」設定為「放大」。

並排顯示在商品系列頁面上的產品圖片,其可能尺寸不盡相同。要讓這些圖片看起來大小相同,上傳作為產品精選圖片的所有圖片都必須使用相同的寬高比

如果您已經盡力上傳高解析度圖片,產品頁面上的主要產品圖片似乎還是太小,請前往「佈景主題設定」索引標籤,取消勾選「版面配置」區段中的「啟用寬幅版面配置」核取方塊。

如果無法運作,請前往「區段」索引標籤上的「產品頁面」區段,並將「產品縮圖位置」設定為「主圖片右側」。

導覽秘訣

新增下拉式選單

如要在主選單中加入下拉式選單,您需要在導覽頁面上建立選單。我們會在本文向您說明如何操作。

產品秘訣

為產品加上特賣徽章

設定價格高於產品變體價格的「售價」。如果此項產品設定正確無誤,則徽章會自動顯示在您商品系列頁面的產品圖片上。

否則,請前往「區段」索引標籤,查看「商品系列頁面」區段,再次確認特賣徽章功能是否已開啟。

為售罄的產品加上「售罄」的疊加層

前往「區段」索引標籤,然後勾選「商品系列頁面」區段中的「顯示產品售罄圓圈」核取方塊。

首頁秘訣

啟用較寬的版面配置

前往「佈景主題設定」索引標籤,然後勾選「版面配置」區段中的「啟用寬幅版面配置」核取方塊。

儲存變更。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用