如何安裝 ShareThis' 多個 Shopify 商店上的工具

您可以在 Shopify 上管理多個商店,方法是 ShareThis 平臺 (by adding their domains), to do this, you will need to manually add the ShareThis <script> code inside the <head> of your site(s), simply follow the steps below:

  1. 登錄 或 註冊 到 ShareThis 平臺。
  2. 在左側導航欄中,按兩下 <strong style="color: initial;">Settings </strong>,然後選擇 + <strong style="color: initial;">Add new domain</strong> 在「域」部分下。
  3. 在彈出視窗中,添加 Shopify 商店的域 URL,然後按下 添加新域
  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. 分享按鈕 放置代碼