Built on WIX Headless

ドキュメント ウィジェット Media Gallery ウィジェット

Media Gallery ウィジェット

CMS for Harmony で、Media Gallery または画像フィールドをグリッド、メイソンリー、コラージュ、スライダーなどとして表示します。

Media Gallery ウィジェットは、Media Gallery フィールド — またはアイテム横断の画像/動画 — をリッチなギャラリーレイアウトにします。

レイアウト

グリッド、メイソンリー、コラージュ、スライダー、スライドショー、ストリップ、カラムレイアウト。

インタラクション

  • Data source — Wix CMS コレクション、または External Database(Google Sheets、Pro);External databases を参照
  • 画像のライトボックス
  • Video playback — ライトボックスモーダルで開く、クリックでインライン再生、またはミュート自動再生(画像は設定したクリック動作に従います)
  • 任意で Dynamic Page へのクリック(Wix CMS のみ;他の表示と共通のリンク設定)
  • Search & filters — Show search bar、Show filters button、Filters display(Top/Side)、Dependent filter、Add as URL query params
  • Data refresh — Show refresh button および/または Auto-refresh で、訪問者が最新のコレクションデータを再読み込みできます
  • Payments(Pro)— コレクションでカタログ決済が有効なとき、ライトボックスで Add to cart/Buy now

セットアップ

パネルの AI setup で平易な言葉から始め、その後 Manual で調整します。詳細: AI setup。

  1. Add → Elements → Installed Apps → CMS for Harmony から Media Gallery を追加します(同じウィジェットを複数回追加できます)。
  2. コレクションを接続 — または Data source を External Database に設定し、Google Sheets 接続(Pro)を選びます。
  3. レイアウト、最大画像数、カラム、クリック動作を選びます。
  4. 必要に応じて検索/フィルター、Data refresh、決済アクションを有効にします。
  5. 公開します。

Data refresh

Data refresh で Show refresh button および/または Auto-refresh をオンにし、訪問者が最新のコレクションデータを再読み込みできるようにします。Auto-refresh はタブが非表示のとき一時停止します。同じページの Form で Update displays on this page が有効で、同じコレクションを使っている場合、送信後にこのウィジェットも再読み込みできます。

Form は Media Gallery フィールドへのアップロードもできます。Repeater と Dynamic Page はギャラリーフィールドをインラインで表示できます。