買い物を続けるリンクをカートに追加する

カートページに [買い物を続ける] リンクを追加すると、お客様はカートに商品を追加した後、商品の閲覧にすばやく戻ることができるようになります。お客様がカタログページに戻る、ホームページに戻る、または最後に閲覧したコレクションページに戻るためのリンクを選択して追加することができます。

買い物を続ける

カートページに「買い物を続ける」リンクを追加する

ボタンのスタイルを追加する (オプション)

無料のShopifyテーマを使用している場合、[買い物を続ける] リンクにスタイルを適用して、ボタンのようにします。ボタンのリンクのコードにクラス属性を追加することで、そのボタンをテーマ内の他のボタンのスタイルと調和させることができます。すべての無料のShopifyテーマでは、プライマリボタンのスタイルに同じクラス名が使用されており、ほとんどの場合、サブボタンのスタイルでも同じクラス名が使用されています。

プライマリボタンのスタイルを [買い物を続ける] リンクに適用するには、次の手順を実行します。

[買い物を続ける] リンクを追加するために貼り付けたコード列に、class="btn"属性を追加します。コードは次のように表示されます。

<a href="/collections/all" title="Continue shopping" class="btn">
  Continue shopping
</a>

サブボタンのスタイルを「買い物を続ける」リンクに適用するには、次の手順を実行します。

Supplyではない無料のテーマを使用する場合、[買い物を続ける] リンクを追加するために貼り付けたコード列に、class="btn--secondary"属性を追加します。コードは以下のように表示されます。

<a href="/collections/all" title="Continue shopping" class="btn--secondary">
  Continue shopping
</a>

Supplyを使用する場合は、[買い物を続ける] リンクを追加するために貼り付けたコードの行にclass="btn-secondary"属性を追加します。コードは次のように表示されます。

<a href="/collections/all" title="Continue shopping" class="btn-secondary">
  Continue shopping
</a>

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

無料体験を試す