功能說明:
  • 「購物保證」及「購物須知」 : 商品頁面或是其他頁面加入固定訊息。(每個商品都會有)
  • 「結帳須知」: 結帳頁面增加告知事項。(每支商品結帳頁面皆會出現)
  • 設定功能可於指定位置提供給顧客,商家的注意、提點事項。

操作目錄:

注意事項:
  • 「購物說明與須知」不適用拖拉版型。
  • 此功能為全站設定,無法指定部分商品才顯示。
  • 「購物保證」、「購物須知」埋設位置可依商家決定自行設定,特別提醒有些位置內容為全幅畫面,請商家設定時自行嘗試調整。(此文件僅提供多數商家埋放的位置做為參考)
  • 此篇教學文件僅說明如何設定至樣板編輯器及前台呈現,其他相關運用 CYBERBIZ 不提供進一步教學,請各商家自行嘗試設計,若應設定導致相關頁面產生異常,CYBERBIZ 不提供修改服務,需自行參考 恢復樣版編輯器 教學文件

📌 設定 購物說明與須知


  1. 功能設定畫面。
    「購物保證」「購物須知」「結帳須知」
    後台路徑 : 「金物流」→「購物說明與須知」
    購物說明與須知01

  2. 購物保證
    • 點選「綠色編輯」後,透過 Ckeditor 設定您的內容。
      購物說明與須知02

    • 【後台設定】
      複製 {{ shop.guarantee }} 貼至後台。
      後台路徑 : 「網站外觀」→「套版主題管理」→「選擇操作」→「CSS/HTML編輯器」→「product.liquid」→ 搜尋related-products → 貼在上方位置
      購物說明與須知03

    • 【前台呈現】
      上方後台設定,我們將程式碼貼在 related-products 上方所以內容會出現在「相關商品」上方。
      購物說明與須知04


  3. 購物須知
    • 點選「綠色編輯」後,透過 Ckeditor 設定您的內容。
      購物說明與須知05

    • 【後台設定】
      複製 {{ shop.purchasing_notice }} 貼至後台。
      後台路徑 : 「網站外觀」→「套版主題管理」→「選擇操作」→「CSS/HTML編輯器」→「product.liquid」→ 搜尋商品介紹 → 貼在上方位置
      購物說明與須知06

    • 【前台呈現】
      上方後台設定,我們將程式碼貼在 related-products 上方所以內容會出現在「商品介紹」上方。
      購物說明與須知07


  4. 結帳須知
    提示一些在結帳前希望顧客看到的資訊。
    購物說明與須知08

    【前台畫面】
    如果不輸入文字,前台欄位則不會顯示。
    購物說明與須知09



📌 圖片格式設定


後台路徑 :「金物流」→「購物說明與須知」→「購物保證」/「購物須知」→「編輯」

當商家在「購物保證」或「購物須知」中設置圖片時,如果希望圖片在不同的裝置(如手機、電腦)上都能顯示為最適比例,請按照以下步驟操作:

  1. 右鍵點擊想要設置的圖片,然後選擇「影像屬性」。
  2. 或者,您可以雙擊圖片,進入圖片的設定畫面。
  3. 在設定畫面中,將圖片的寬度設為「100%」,並將高度欄位留空。
這樣設置後,圖片會自動調整以適應不同螢幕尺寸,確保顯示效果最佳。 購物說明與須知01

Loading