設定を見つけてカートプレビューを使用する

Bundlex Cartを開き、カートデザインを編集します。設定の横にドロワーのライブプレビューが表示されます。画面幅が狭い場合、プレビューはページの末尾に移動します。

4つのタブ

• Cart:ヘッダー、お知らせ、特典、カート商品、アップセル、チェックアウトブロック。
• Empty:カートに商品がないときに表示するメッセージ、画像、ボタン、商品提案。
• Style:色、ドロワーの位置、幅、画像サイズ、カスタムCSS。
• Advanced:カート名、このカートを表示する対象、スクリーンリーダー用テキストとエラーメッセージのMessages。カートを表示する対象を参照してください。

ブロックを開いて編集します。オフになっている任意のブロックを開くとオンになり、プレビューにすぐ表示されます。折りたたんでもオフにはなりません。オフに戻すには、名前の横にあるスイッチを使用します。購入者に表示されるテキストの多くは、関連する機能の横で編集できます。たとえば、ドロワーのタイトルはCart > Header > Drawer titleにあります。スクリーンリーダー用テキストとエラーメッセージはAdvanced > Messagesにあります。

並べ替えとプレビュー

使用可能なドラッグハンドルで、各エリア内のブロックを移動します。ヘッダー、コンテンツ、フッターの各エリアはそれぞれの順序を維持するため、すべてのブロックをエリア間で自由に移動することはできません。サイドアップセルはドロワーの横に固定表示されます。

プレビュー商品を使用すると、プレビューのサンプル商品が変更されます。Emptyタブを開くと、空のカート表示に切り替わります。これらのプレビュー操作で、購入者のカートに商品が追加されることはありません。

ストアフロントで確認する内容

プレビューではレイアウトと文言を確認できます。実際の割引コード、ギフトの適用条件、チェックアウト時の割引、翻訳済みの文言、決済ウォレットはストアフロントでテストしてください。顧客タグによる表示ルールはプレビューでは適用されず、ウォレットボタンはプレースホルダーです。

保存をクリックして編集内容を保持するか、破棄をクリックして保存済みのバージョンに戻します。アクティブなカートを保存すると変更が公開されます。公開の仕組みを参照してください。