プロダクトタグコンポーネント

Fanplayrのクリエイティブエディターに搭載された商品レコメンデーションコンポーネントの機能です。

例

プロダクトタグコンポーネントの例

プロダクトタグコンポーネントのアイコン

概念

このコンポーネントに関連する上位レベルの概念：

• Verada AIプロダクトタグのリストを表示します プロダクトタグの数は、現在のページの製品によって異なります。表示したいタグの数に合わせて、ウィジェットの縦方向のサイズを変更することをお勧めします。
• タグのクリック ユーザーがプロダクトタグをクリックすると、リンクされているプロダクトタグエクスプローラーウィジェットに誘導されます。
• ウィジェットの表示はこのコンポーネントに依存します プロダクトタグコンポーネントがウィジェットで使用される場合、ウィジェットはサービスからプロダクトタグが返されるまで待機してから表示されます。

プロダクトタグリストコンポーネントの構造

タグの構造とレイアウト

一般プロパティ

タグエクスプローラーURL

• タイプ: URL

ユーザーがタグをクリックしたときに誘導される場所を示します。有効な「https://」URLである必要があります。

ギャップ

• タイプ: 整数 (ピクセル)

タグ間のスペース (垂直方向と水平方向の両方) を制御します。

パディング

• タイプ: パディング

タグのグループとコンポーネントの外縁との間のパディングを制御します。

プロダクトタグプロパティ

これらのプロパティは、各プロダクトタグの外観に関連します。

テキストの色

• タイプ: 色

タグのテキストの色です。

背景色

• タイプ: 色

タグの背景色です。

ボーダー

• タイプ: ボーダー

各タグのボーダーの外観をカスタマイズします。

ボーダー半径

• タイプ: ボーダー半径

標準的なボーダー半径スタイルです。

パディング

• タイプ: パディング

テキストと各タグの縁との間のパディングを制御します。