メインコンテンツへスキップ
デザインとカートコンテンツ

固定カートボタンを追加する

固定カートボタンは、ストアの画面下部の角に表示される丸いボタンです。購入者がスクロールしても同じ位置にとどまり、カート内の商品数を表示し、ワンタップでBundlex Cartのドロワーを開きます。ヘッダーとそのカートアイコンが画面外にスクロールしてしまう、縦に長い商品ページで役立ちます。

オンにする

  1. カートを編集し、カートタブを開きます。
  2. ページ上で、固定カートボタンをオンにします。
  3. 表示位置を選びます: 右下または左下。
  4. アイコンを選びます: ショッピングカート、ショッピングバッグ、バスケット、ハンドバッグのいずれか。
  5. 保存します。

ボタンはオンにするまでオフのままなので、保存する前にストアで何かが変わることはありません。

表示する場所を選ぶ

  • デスクトップに表示とモバイルに表示で、表示するデバイスを選びます。どちらかがオンの間は、プレビューにボタンが表示されます。
  • カートが空のときも表示をオンにすると、商品がなくてもボタンが画面に表示されたままになります。オフの場合は、カートに商品がある間だけ表示されます。
  • お客様がドラッグできるようにするをオンにすると、購入者がボタンを移動できます。位置は購入者のブラウザに保存されます。

購入者に表示される内容

ボタンには商品数を示す小さなバッジが付きます。ドロワーが開いている間はフェードアウトし、ドロワーを閉じると再び表示されます。Bundlex Bundlesのスティッキー追加ボタンバーが表示されているときは、バーに重ならないようにボタンが上に移動します。

独自の色を選ぶまでは、ドロワーのアクセントカラーが使われます。スタイルタブの色で固定カートボタンの行を開き、ボタンとボタンテキストを設定します。この行はボタンがオンの間だけ表示されます。サイズの設定項目はありません。それ以外の調整にはカスタムCSSを使用してください。

スクリーンリーダーと他の言語

スクリーンリーダーはこのボタンを「カートを開く」と読み上げます。このテキストは、詳細 > メッセージ > スクリーンリーダー用テキストの固定カートボタン(スクリーンリーダー)フィールドで変更できます。他の言語では、ボタンがオンの間、カートの翻訳ページにある固定カートボタンカードで設定できます。

この記事は役に立ちましたか?

皆さまからのフィードバックがドキュメントの改善に役立ちます。

ありがとうございます。この記事の改善を続けていきます。

チームにチャットで相談しますか? まだご質問がありますか?

まだサポートが必要ですか?

チームへの連絡はワンクリックで完了します。メッセージをお送りいただければ、折り返しご連絡します。

サイトの動作維持、利用状況の測定、チャットウィジェットを開いた際の機能提供のために、いくつかのCookieを使用しています。詳しくはCookieポリシーをご覧ください。