カートレイアウトの設定

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:7分
  • カートレイアウトレコードを設定し、買い物かご内のウィジェットまたは画面の機能を定義します。

    始める前に

    必要なロール:admin

    手順

    1. 移動先 すべて > サービスカタログ > カタログ定義 > カートレイアウトの管理.
    2. ウィジェットまたは画面を選択します。
      • 買い物かごウィジェット:アイテム注文ウィジェット、買い物かごウィジェット、またはアイテム注文ガイド
      • プレビュー画面:買い物かごビュー、買い物かごビュー (2 ステップ)、買い物かごビュー (ウィッシュリスト)、買い物かごビュー (クラシックモバイル)
      • 注文ステータス画面:注文ステータス画面または注文、ステータス画面 (クラシックモバイル)
    3. [タイトル] フィールドを更新し、ウィジェットに表示されるタイトルを変更します。
    4. デフォルトの [ターゲット] 値のままにします。
      この値は定義中の買い物かごの要素を識別するため、変更しないでください。
    5. 必要に応じて、カートレイアウトレコードの他のセクションを更新します。
      これらのセクションの可用性は、ウィジェットおよび画面レコードごとに異なります。
      • [コンポーネント] セクションで、配送時間、アイテム説明、価格など、表示するコンポーネントを選択します。
      • [列] セクションで、アイテムの説明列、配送時間列、または価格列など、表示する列を選択します。
      • [ボタン] セクションで、[カートに追加][買い物かごの編集][アイテムの削除] など、表示するボタンを選択します。
      • [ボタンラベル] セクションで、デフォルトのボタンラベルを置き換える新しいラベルを入力します。

        ボタンが表示されるすべての画面で新しいラベルが使用されます。たとえば、[買い物を続ける] ボタンは複数の画面で使用されるため、このラベルを変更するとそのすべての画面に影響します。

    6. 必要に応じて、ウィジェットと列のマクロを設定します。
    7. レコードを保存し、サービスカタログからアイテムを注文して構成の結果をテストします。

      インスタンスの一部の設定およびプロパティにより、カートレイアウトが上書きされたり、影響を受ける可能性があります。

    カートレイアウトの考慮事項

    カートレイアウトを有効にすると、サービスカタログプロパティが影響を受けます。考えられる結果を検討し、必要なカートレイアウトと機能を実現するために設定またはプロパティを変更します。

    カートレイアウトを使用すると、これらのプロパティの一部が影響を受けます。たとえば、注文ステータス画面では、[サービスカタログカートへの価格と小計の表示時期] (glide.sc.price.display) プロパティは、価格を表示するカートレイアウト設定よりも優先されます。

    表 : 1. テーブルタイトル
    プロパティ 影響
    ESS ユーザーに、精算画面で要求をキャンセルするオプションを許可します。

    [glide.sc.checkout.cancel]

    カートレイアウト設定の [要求のキャンセル] チェックボックスがオンになっている場合に上書きされます。このチェックボックスをオンにすると、プロパティが [いいえ] に設定されていても、[キャンセル] ボタンが表示されます。
    チェックアウト時、クローン要求を有効にします。

    glide.sc.allow.checkout.clone

    カートレイアウトが有効な場合は使用されません (非推奨)。カートレイアウト設定の [クローンチェックアウト] チェックボックスに置き換えられました。

    新しいインスタンスでは、デフォルトで [クローンチェックアウト] チェックボックスがオフになっています。アップグレードされたインスタンスの場合、チェックボックスは glide.sc.allow.checkout.clone プロパティの既存値に設定されます。

    買い物かごの数量セレクターを使用できるロールのリスト (カンマ区切り)

    [glide.sc.allow.quantity]

    関連するカートレイアウト設定を上書きします。
    精算画面の各品目の要求アイテム番号を表示します (デフォルトは false)。

    [glide.sc.checkout.request.number]

    カートレイアウトが有効な場合は使用されません (非推奨)。カートレイアウト設定の [要求アイテム番号列] チェックボックスに置き換えられました。
    2 ステップ精算画面に [カタログに戻る] ボタンを表示します。

    [glide.sc.checkout.twostep.back]

    カートレイアウトが有効な場合は使用されません (非推奨)。カートレイアウト設定の [カタログに戻る] チェックボックスに置き換えられました。
    サービスカタログカートへの価格と小計の表示時期。

    [glide.sc.price.display]

    関連するカートレイアウト設定を上書きします。

    ウィジェットと列のマクロの設定

    各ウィジェットまたは画面内の要素の機能を定義するマクロを構成します。

    始める前に

    必要なロール:admin

    このタスクについて

    一部のウィジェットまたは画面には、買い物かごコンテンツの水平レイアウトと構成を定義する列マクロもあります。

    これらのマクロを設定すると、ウィジェットまたは画面内の要素の表示順序を変更したり、要素を非表示にしたりできます。新しいマクロを作成し、追加の要件を実装することもできます。

    手順

    1. 移動先 すべて > ウィジェットマクロ > 列マクロ 関連付けられます
    2. マクロの順序番号エントリーをクリックすると、その表示順序を編集したり、アクティブ化または非アクティブ化したりできます。
      ウィジェットと列マクロを設定します。
    3. [更新] をクリックします。
    4. マクロの [ウィジェット/ビューマクロ] をクリックし、その機能設定を表示します。
      デフォルトのマクロの機能設定は編集できませんが、これらの設定は独自のウィジェットマクロを作成するための参考になります。

    カートレイアウトのマクロの作成

    Jelly スクリプトを使用してカートレイアウトレコードのマクロを作成し、ウィジェットまたは画面内でカスタマイズされた動作および表示を定義します。

    始める前に

    必要なロール:admin

    このタスクについて

    カスタマイズしたウィジェット機能は一般的な買い物かごの動作とは異なるため、作成したマクロはアップグレードに影響しません。

    手順

    1. 関連するカートレイアウトレコードを開きます。
    2. [ウィジェットマクロ] または [列マクロ] 関連リストに移動します。
    3. [新規] をクリックします。
    4. マクロの詳細を入力します。
      表 : 2. マクロフォーム
      フィールド 説明
      名前 新しいマクロの名前。
      アクティブ マクロを表示するかどうかを示すチェックボックス。
      説明 マクロの使用方法の概要。
      アクティブ マクロを表示するかどうかを示すチェックボックス。
      XML 使用するマクロに適用する Jelly スクリプト。
    5. マクロレコードを保存します。

    この例では、[参照用に要求元] フィールドをウィジェットマクロとしてカートレイアウトレコードに追加するスクリプトを示します。
    <?xml version="1.0" encoding="utf-8" ?>
    <j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
        <j:set var="ref" value="sc_cart" />
        <j:set var="jvar_ref" value="${jvar_cart.getRequestedFor()}" />
        <j:set var="jvar_ref_display" value="${jvar_cart.getRequestedForDisplayName()}" />
        <tr>
            <td colspan="3">
                ${gs.getMessage('Requested for')}:
            </td>
        </tr>
        <tr>
            <td colspan="3" style="padding: 4px;">
                <g:catalog_requested_for />
            </td>
        </tr>
    </j:jelly>

    特定のアイテムのカートレイアウトの設定

    カタログアイテムフォームのフィールドを設定し、特定のアイテムのカートレイアウトを設定します。

    始める前に

    必要なロール:admin

    このタスクについて

    一般的なカートレイアウト設定を上書きします。たとえば、アイテムの価格を非表示にするには、そのアイテムの [買い物かごの価格を省略] フィールドを [true] に設定します。

    手順

    1. 移動先 すべて > サービスカタログ > カタログ定義 > アイテムの管理.
    2. カタログアイテムを選択します。
    3. フォームを設定し、[カートレイアウトの使用] と次に示す必要なアイテム構成フィールドの両方を追加します。
      • 買い物かごの価格を省略
      • カートなし
      • オーダーなし
      • [今すぐ注文] ボタンを使用しない
      • チェックアウトに進まない
      • 数量なし
    4. [カートレイアウトの使用] チェックボックスをオフにして、そのアイテムの構成フィールドを表示します。
    5. 必要に応じてアイテム構成フィールドの値を設定します。
    6. [更新] をクリックします。

    アイテムのカートレイアウトの上書き

    サービスカタログを使用すると、追加の方法を使用して買い物かごの動作やレイアウトを設定し、カートレイアウトレコード設定を上書きできます。

    たとえば、カートレイアウトレコード設定でアイテムの価格を非表示にできますが、[営業ラップトップ] の価格を表示します。その場合、このカタログアイテムに関連する構成値を設定します。この追加方法の影響に注意して、買い物かごの動作が希望どおりになるようにします。

    注:

    カートレイアウトに移行する場合、カートレイアウト設定に影響する他の設定およびプロパティを定義しておくことができます。