如何安裝 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 工具到您的產品頁面使用自定義液體塊

您可以使用 Shopify 樣本編輯器在放置內聯按鈕代碼時提供視覺指南。雖然不限於產品頁面，但您可以按照這些說明和最後的視頻將代碼放在產品描述中。

  1. 轉到您的在線商店儀錶板。
  2. 按兩下主題，然後按兩下顯示自訂的綠色按鈕。
  3. 通過單擊即時預覽導航到要顯示按鈕的頁面。
  4. 將滑鼠放在要插入按鈕的位置，將出現一個帶有 “添加部分” 標籤的藍色小按鈕。
  5. 從清單中選擇 自定義液體 。
  6. 將相關展示位置代碼複製並粘貼到剛剛出現的左側邊欄中。
    1. 共用按鈕放置代碼：
    2. 分享按鈕 放置代碼：
  7. 按兩下右上角的保存。

為方便起見，以下是預覽：

添加內聯 ShareThis 通過編輯主題代碼到您的產品頁面的工具

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

  3. 在產品描述的上方或下方複製並粘貼相關的放置代碼。
    1. 共用按鈕放置代碼：
    2. 分享按鈕 放置代碼：

為方便起見，以下是預覽：

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

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