gallery recommendationウィジェット テンプレート
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
gallery recommendationウィジェットには、ページネーション コントロール付きのrecommendationsが表示されます。
以下のセクションでは、ギャラリー recommendationウィジェットテンプレートについて説明し、APIリファレンスと、ReactのJS SDKを使用して ReactプロジェクトのWidgetsProviderに追加できるコードブロックの作成方法について説明しますSearch説明します。ウィジェットは、検索結果クエリフックを使用してデータを要求および取得します。
ウィジェットコンポーネントを作成するには、Search UIコンポーネントCLI、コマンドラインインターフェイスを使用するか、コードブロックを手動でコピーして貼り付けるかを選択できます。
コンポーネントの生成または作成
大事な
ウィジェットテンプレートのエンティティモデルを実装に合わせて調整することを忘れないでください。
プレーンコンポーネント
スタイル付きコンポーネント
CSSスタイル コンポーネント
CSSモジュール スタイル コンポーネント
オプション
表示するアイテム
itemsToDisplayこのコンポーネントに表示されるアイテムの最大数を設定します。
デフォルト: 6
RequestResponse
<RecommendationCarousel
rfkId="rfkid_2"
title="Latest news"
itemsToDisplay={12}
/>自動再生
autoplayをtrueに設定すると、次のrecommendation autoplaySpeedミリ秒が表示されます。
RequestResponse
<RecommendationGallery
rfkId="rfkid_2"
itemsToDisplay={9}
autoplay
autoplaySpeed={1500}
/>アイテムインジケーター
displayIndicators表示されるアイテムを指定します。
RequestResponse
<RecommendationGallery
rfkId="rfkid_2"
itemsToDisplay={9}
displayIndicators
/>