買い物かごレイアウトの設定

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む7読むのに数分

    • 買い物かごレイアウトレコードを設定し、買い物かご内のウィジェットまたは画面の機能を定義します。

    始める前に

    必要なロール：管理者

    手順

    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>

    特定のアイテムの買い物かごレイアウトの設定

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

    始める前に

    必要なロール：管理者

    このタスクについて

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

    手順

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

    アイテムの買い物かごレイアウトの上書き

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

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

    注:

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