如何安裝 ShareThis' 工具在 Shopify 與 Javascript 代碼

如果您沒有使用我們的 購物應用程式 — 您可以管理 ShareThis 工具 Shopify 使用 ShareThis 平臺, to do this, you will need to manually add the ShareThis <script> code inside the <head> of your site, simply follow the steps below:

  1. 登錄 或 註冊 到 ShareThis 平臺。
  2. 選擇 ShareThis 工具,然後按兩下<strong style="color: initial;"> Enable tool</strong> 按鈕。 
  3. 然後,通過選擇社交頻道、大小和形狀來自定義按鈕。
  4. 選擇右上角的啟動代碼按鈕。在彈出視窗中,按下 複製代碼 按鈕。
  5. 登錄到您的 Shopify 網站。
  6. 在左側導航欄中,選擇「 在線商店 > 主題」, 然後從「操作」下拉清單中,按兩下 編輯代碼
  7. 從不同的文件和資料夾中,轉到“佈局”,然後按兩下“ theme.liquid”。
  8. Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
  9. 如果要安裝內聯工具,則可以在以下選項中進行選擇:
    安裝 ShareThis 產品頁面上的工具
    安裝 ShareThis 頁面上的工具或 部落格

    注意:內聯工具需要額外的代碼段才能在您的網站上使用。如果您想安裝我們的 平行橫躺於頁面的分享按鈕 或 分享按鈕,則需要在希望工具顯示的任何位置添加展示位置代碼。

要添加 ShareThis 工具到您的產品頁面

  1. 在左側導航欄中,選擇「 在線商店 > 主題 」,然後按兩下 「操作」 > 「編輯代碼」。
  2. 在左側邊欄中,向下滾動到 “部分 ”資料夾,然後選擇 main-product.liquid (如果您使用的是較舊的主題,請轉到 範本 並找到 product.liquid 檔)。然後,找到以下代碼:
    {{ product.description }}
    注意:您可以使用 Control + F 在其上搜索「描述」一詞(請務必按下文件內部,以便在代碼編輯器中搜索內容),嘗試將按鈕放在具有此名稱的一個或多個部分之後的新行中。一個部分/元素,它用末尾的“}”字元分隔。
  1. 在產品描述的上方或下方複製並粘貼相關的放置代碼。
    1. 共用按鈕放置代碼:
    2. 分享按鈕 放置代碼:

為方便起見,以下是預覽:

要添加 ShareThis 工具添加到您的頁面或 部落格

  1. 在左側導航欄中,選擇 在線商店 > 頁面。然後,按下要在其中顯示按鈕的頁面。 
  2. 按兩下內容部分中的顯示 HTML <> 按鈕。
  3. 複製並貼上下面的相關放置代碼,無論您想 ShareThis 工具。
    1. 共用按鈕放置代碼:
    2. 分享按鈕 放置代碼