ShareThis' ShopifyにJavascriptコードでツールをインストールする方法

注： インラインツールは、あなたのサイトで動作するようにコードの余分なスニペットを必要とします。インライン共有ボタンまたはフォローボタンをインストールしたい場合は、ツールを表示したい場所に上記のオプションに従って配置コードを追加する必要があります。

テーマをカスタマイズする前に、まずバックアップを取ることをお勧めします。 けいめい をクリックしてテーマを複製し、変更を元に戻したい場合のバックアップコピーにします。

インラインボタンのコードを配置する際に、Shopifyのテーマエディタを使用すると、視覚的なガイドを持つことができます。商品ページに限ったことではありませんが、この説明と最後のビデオに従って、商品説明文にコードを配置することもできます。

1. オンラインストアのダッシュボードに移動します。
2. テーマ」をクリックし、「カスタマイズ」と書かれた緑色のボタンをクリックします。
3. ライブプレビューをクリックして、ボタンを表示させたいページに移動します。
4. ボタンを挿入したい場所にマウスを置くと、「セクションを追加」というラベルの付いた青い小さなボタンが表示されます。
5. 一覧から「 Custom Liquid 」を選択します。
6. 先ほど表示された左サイドバーの該当するプレースメントコードをコピーして貼り付けてください。
   1. Share Buttonsの配置コードです。
      
   2. Follow Buttonsの配置コード。
      
7. 右上の「保存」をクリックします。

ご参考までに、プレビューをご覧ください。

1. 左のナビゲーションバーで、「オンラインストア」＞「テーマ 」を選択し、「アクション」＞「 コードの編集」をクリックします。
2. 左サイドバーで、Sectionsフォルダまでスクロールダウンし、main-product.liquidを選択します（古いテーマを使用している場合、Templatesに 移動してproduct.liquidファイルを探します）。次に、次のコードを見つけます。
   {{ product.description }}
   注： Control + F で "description" という単語を検索できます（コードエディタ内で内容を検索できるように、必ずファイルの内側をクリックしてください）。セクション/エレメントは、最後に"}"文字で区切られます。
   
   
3. 商品説明の上または下に、該当するプレースメントコードをコピー＆ペーストしてください。
   1. Share Buttonsの配置コードです。
      
   2. Follow Buttonsの配置コード。
      

ご参考までに、プレビューをご覧ください。