AEM Content & Commerce Authoring Pickers

AEM Content & Commerce Authoringは、AEMの作成者やマーケターがコマース製品のデータやカタログを効率的に操作するのに役立つ、一連のオーサリングツールを提供します。 製品ピッカーとカテゴリピッカーは、CIFアドオンの一部で、CIFコアコンポーネントで使用されます。 プロジェクトでは、任意のコンポーネントダイアログでこれらのピッカーを使用して、製品やカテゴリを選択できます。

製品ピッカー

プロジェクトコンポーネントで製品ピッカーを使用するには、開発者がコンポーネントダイアログにcommerce/gui/components/common/cifproductfieldを追加する必要があります。 例えば、cq:dialogに対して次を使用します。

<product jcr:primaryType="nt:unstructured"
    sling:resourceType="commerce/gui/components/common/cifproductfield"
    fieldDescription="The product or product variant displayed by the teaser"
    fieldLabel="Select Product"
    filter="folderOrProductOrVariant"
    name="./selection"
    selectionId="sku"/>

製品フィールドを使用すると、ユーザーが選択したい製品に別の表示で移動できます。 デフォルトでは、製品フィールドは製品のIDを返しますが、selectionId属性を使用して設定できます。

製品ピッカーフィールドでは、次のオプションのプロパティをサポートしています。

  • selectionId(id、uid、sku、slug、combinedSlug、combinedSku) — ピッカーが返す製品属性を選択できます(デフォルト= id)。 skuを使用すると、選択した製品のskuが返され、 combinedSkuを使用すると、base#variantのような文字列と、基本製品および選択したバリアントのskuが返されます。基本製品が選択されている場合は、単一のskuが返されます。
  • filter (folderOrProduct, folderOrProductOrVariant) — 製品ツリー内を移動する際に、ピッカーでレンダリングするコンテンツをフィルタリングします。 folderOrProduct — フォルダーと製品をレンダリングします。 folderOrProductOrVariant — フォルダー、製品および製品バリアントをレンダリングします。 製品または製品バリアントがレンダリングされると、ピッカーで選択できるようになります。 (デフォルト= folderOrProduct)
  • multiple (true、false) - 1つまたは複数の製品の選択を有効にします(デフォルト= false)
  • emptyText — ピッカーフィールドの空のテキスト値を設定します

また、namefieldLabelfieldDescriptionなどの標準のダイアグログフィールドプロパティもサポートされています。

注意

cifproductfieldコンポーネントにはcif.shell.picker clientlibが必要です。 clientlibをダイアログに追加するには、 extraClientlibsプロパティを使用します。

cifproductfieldの完全な動作例は、CIFコアコンポーネントプロジェクトにあります。 AEMコアコンポーネントのドキュメントのダイアログのカスタマイズも参照してください。

カテゴリピッカー

カテゴリピッカーは、製品ピッカーと同様の方法で、コンポーネントダイアログでも使用できます。

次のスニペットをcq:dialog設定で使用できます。

<category jcr:primaryType="nt:unstructured" 
    sling:resourceType="commerce/gui/components/common/cifcategoryfield" 
    fieldLabel="Category" 
    name="./categoryId" 
    selectionId="uid" />

カテゴリピッカーフィールドでは、次のオプションのプロパティをサポートしています。

  • selectionId(id, uid, slug, idAndUrlPath, uidAndUrlPath) — ピッカーが返すカテゴリ属性を選択できます(デフォルト= id)。 idAndUrlPathとuidAndUrlPathは、 |文字の例:1|men/tops
  • multiple (true、false) - 1つまたは複数のカテゴリの選択を有効にします(デフォルト= false)

また、namefieldLabelfieldDescriptionなどの標準のダイアグログフィールドプロパティもサポートされています。

注意

cifproductfieldコンポーネントと同じcifcategoryfieldコンポーネントにもcif.shell.picker clientlibが必要です。 clientlibをダイアログに追加するには、extraClientlibsプロパティを使用します。 AEMコアコンポーネントのドキュメントのダイアログのカスタマイズを参照してください。

cifcategoryfieldの完全な動作例は、CIFコアコンポーネントプロジェクトにあります。

このページ