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

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

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

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

手順:

  1. [商品ページ] を選択します。
  2. [商品ページ] セクションをクリックします。
  3. [動的チェックアウトボタンを表示する] のチェックボックスをオンまたはオフにします。
  4. [保存] をクリックします。

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

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

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

手順:

  1. [セクションを追加する] をクリックします。
  2. [特集商品] をクリックし、[選択] をクリックします。
  3. 商品の詳細を入力し、[動的チェックアウトボタンを表示する] のチェックボックスをオンまたはオフにします。
  4. [保存] をクリックします。

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

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

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

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

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

手順:

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

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

無料体験を試す