動的チェックアウトボタンを追加および削除する

[カートに追加する] ボタンを配置したオンラインストアの任意の場所に、動的チェックアウトボタンを追加あるいは削除できます。

動的チェックアウトボタンを追加する前に、オンラインストアとの互換性を確認してください。

商品ページに動的チェックアウトボタンを追加あるいは削除する

手順:

  1. 編集するテーマを見つけて、[カスタマイズ] をクリックします。

  2. トップバーのドロップダウンメニューから [商品ページ] を選択します。

  3. 左側のツールバーで、[商品ページ] をクリックします。

  4. [動的チェックアウトボタンを表示する] のチェックボックスをオンまたはオフにします。

  5. [Save] をクリック

[動的チェックアウトボタンを表示する] 設定が表示されない場合、テーマを更新するか、テーマコードを編集する必要があります。

ホームページに動的チェックアウトボタンを追加あるいは削除する

ホームページに [カートに追加する] ボタンを配置したおすすめ商品セクションが含まれている場合、そのセクションに動的チェックアウトボタンを追加あるいは削除できます。

手順:

  1. 編集するテーマを見つけて、[カスタマイズ] をクリックします。

  2. 左側のツールバーで、[セクションを追加] をクリックします。

  3. [おすすめ商品] > [追加] をクリックします。

  4. 商品の詳細を入力し、[動的チェックアウトボタンを表示する] のチェックボックスをオンまたはオフにします。

  5. [Save] をクリック

[動的チェックアウトボタンを表示する] 設定が表示されない場合、テーマを更新するか、テーマコードを編集する必要があります。

選択した商品に動的チェックアウトボタンを追加する

一部の商品だけに動的チェックアウトボタンを表示する場合、代替テンプレートを作成します。代替テンプレートは、元のテンプレートに影響を与えずに編集できる複製したテーマコードテンプレートです。動的チェックアウトボタンを代替テンプレートに追加して、商品の選択向けのテンプレートを使用できます。

代替商品テンプレートの作成については、『代替テンプレートの作成』を参照してください。

代替商品テンプレートを作成して商品に割り当てた後、商品の動的チェックアウトボタンを有効にすることが必要です。

手順:

  1. 代替テンプレートを作成したテーマを見つけて、[カスタマイズ] をクリックします。
  2. テーマエディタで、代替テンプレートを割り当てた商品の商品ページに移動します。
  3. 左側のツールバーで、[商品ページ] をクリックします。
  4. [動的チェックアウトボタンを表示する] をオンにします。
  5. [保存] をクリックします。変更は、代替テンプレートを使用するすべての商品に適用されます。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す