カート ページは、顧客がショッピング カートを確認し、注文を変更し、チェックアウトに進むことができる Web ページです。
OS 2.0 Shopify テーマであるConceptを使用すると、すべてのページにさまざまなセクションを追加できます。つまり、必要なセクションを追加することで、カート ページの外観を完全にカスタマイズできます。 [セクションを追加]ボタンをクリックして、ページに表示するセクションを選択するだけです。
これにより、訪問者の関心を引きつけ、情報を提供し続ける、視覚的に魅力的なカート ページを作成できます。
デフォルトでは、テンプレート グループには 2 つのセクションが含まれています。
1. カートページセクション
| セクション設定 | 説明 | |
|---|---|---|
| 見出し | ||
| 見出しのサイズ | 見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。 | |
| 見出しの配置 | 見出しは、 Left 、 Center 、またはRightに揃えることができます。 | |
| 見出しタグ | SEO のためにコンテンツを構造化および整理するための見出しタグを選択します。 | |
| ベンダーを表示 | カート内の各商品の販売元を表示します。 | |
| 配送料計算ツールを表示 | 顧客が国/地域、都道府県、郵便番号/郵便番号を入力しておおよその送料を計算できるテーマ設定を有効にします。 顧客がログインしている場合は、デフォルトの配送先住所の国が選択されます。 | |
| セクション | ||
| 上部パディングと下部パディングを0px から 120px まで 4px 刻みで調整できます。 | ||
| セクション区切り線を表示 | このセクションの上に行区切りを表示します | |
| セクションを全幅にする | コンテナを全幅にします。 | |
| 断面を丸くする | 上の 2 つの角に丸いエッジを適用します。 | |
| カスタムCSS | このセクションにカスタム CSS を追加します。 | |
利用可能なブロック:
- 1.1 小計
- 1.2 カートメモ
- 1.3 チェックアウトボタン
- 1.4 送料無料メッセージ
- 1.5 カスタムフィールド
1.1 小計ブロックの設定。
カスタマイズ可能な設定はありません。
1.2 カートノートブロックの設定。
見出し- 注文にメモを追加します。1.3 チェックアウトボタンブロックの設定。
カスタマイズ可能な設定はありません。
1.4 送料無料メッセージブロックの設定。
配送料が正しく設定されていることを確認してください。
送料無料の最低金額- 数値のみを使用して金額を入力してください。複数の通貨を使用する場合は、各通貨コードをその金額で区切ります (例: USD:100、EUR:95、JPY:13000 )。
1.5 カスタムフィールドブロックの設定。
| ブロック設定 | 説明 | |
|---|---|---|
| カスタムフィールド | ||
| タイプ | 次の中から 5 つを選択してブロック タイプを表示します。 | |
| ラベル | ラベルのテキストを追加します。 | |
| 必須 | この設定を必須オプションとしてマークします。 | |
| チェックボックス | ||
| チェック値 | チェック値に値を設定します。 | |
| 未チェックの値 | 未チェックの値に値を設定します。 | |
| ラジオボタン | オプション | バリアントをクリック可能なボタンとして表示します。 オプションを追加します。オプションをカンマで区切ります (例: Option 1、Option 2、Option 3 )。 |
| ドロップダウンリスト | オプション | 展開可能なドロップダウン メニューにバリアントを表示します。 オプションを追加します。オプションをカンマで区切ります (例: Option 1、Option 2、Option 3 )。 |
2. 最近閲覧したもの
| セクション設定 | 説明 | |
|---|---|---|
| 最近見た | ||
| 最近の製品の数 | 相補積の数は 2 ～ 12 の範囲です。 | |
| デスクトップ上の列の数 | デスクトップブラウザに表示される列数を1列から5列までカスタマイズします。 | |
| デスクトップでカルーセルを有効にする | デスクトップブラウザに製品のカルーセルを表示します。 | |
| モバイルレイアウト | ||
| モバイルの列数 | モバイルブラウザに表示される列の数をカスタマイズします: 1 列または2 列。 | |
| モバイルでスワイプを有効にする | 水平スワイプでモバイル表示を 1 行に設定します。 | |
| 見出し | ||
| 見出し | セクションのタイトル。 | |
| 見出しのサイズ | 見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。 | |
| 見出しの配置 | 見出しは、 Left 、 Center 、またはRightに揃えることができます。 | |
| 見出しタグ | SEO のためにコンテンツを構造化および整理するための見出しタグを選択します。 | |
| 小見出し | 見出しの小見出しは見出しの上に配置されます。 | |
| 説明 | 見出しの説明テキストは見出しの下に配置されます。 | |
| ハイライトされたテキスト | ||
| ハイライトされたテキスト | 次の 6 つのオプションから 1 つを選択して、テキストの書式を設定します。
| |
| ハイライトされた落書き 強調表示されたテキスト スタイルを[手書きの落書き] に設定する必要があります。 | この設定では、テキストを強調表示する 5 つの方法が提供されます。
| |
| 色 | 必要に応じて、次のセクションの色をカスタマイズできます。
| |
| セクション | ||
| 上部パディングと下部パディングを0px から 120px まで 4px 刻みで調整できます。 | ||
| セクション区切り線を表示 | このセクションの上に行区切りを表示します。 | |
| セクションを全幅にする | コンテナを全幅にします。 | |
| 断面を丸くする | 上の 2 つの角に丸いエッジを適用します。 | |
| カスタムCSS | このセクションにカスタム CSS を追加します。 | |
このセクションではブロックの追加はサポートされていません。
この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。
