相互作用

Blocs ボタン、アイコン、リンク、画像などのユーザーインターフェイス要素で使用できるさまざまなインタラクションタイプが付属しています。

インタラクションの割り当て

インタラクションを割り当てるには、 Bric メインデザインキャンバスの要素、次にサイドバーのインスペクターオプションから、インタラクションドロップダウンから割り当てるインタラクションのタイプを選択します。

相互作用-選択

ライトボックス

ライトボックスインタラクションが割り当てられている画像をクリックすると、クリックした画像の拡大バージョンまたは別のユーザー定義の画像またはビデオを含むライトボックスモーダルが表示されます。

ページへのナビゲート操作が割り当てられているアイテムをクリックすると、ブラウザーは選択したプロジェクトページにナビゲートします。

[URLへのナビゲート]インタラクションが割り当てられているアイテムをクリックすると、ブラウザーは設定したURLにナビゲートします。

ドロップダウンを開く

開いているドロップダウンインタラクションが割り当てられているアイテムをクリックすると、ドロップダウンメニューが表示されます。

ターゲットインタラクションまでスクロール

ターゲットへのスクロールインタラクションが割り当てられているアイテムをクリックすると、ブラウザは設定したターゲット要素までページをスクロールします。 このインタラクションで使用できる3つの事前定義されたスクロール先オプションがあります(ページの上部、ページの下部、および次へ) Bloc). Blocs および Brics 有効な同じページから ID セットは、スクロール先のドロップダウンリストに表示されます。

フォームインタラクションの送信

フォームの送信インタラクションは、フォームのフィールドデータをサーバーに正常に送信して処理するために、フォームの内部にあるボタンに割り当てることができます。

eコマースの相互作用

eコマースインタラクションを使用すると、購入ボタンを作成し、サードパーティのチェックアウトを簡単に統合できます。 ストライプ, Ecwid, Gumroad, スニプカート および パドル。 このやり取りには、支払いの処理に使用する予定のサードパーティコマースサービスのアカウントが必要であることに注意してください。

ファイルダウンロードの相互作用

ファイルのダウンロード操作では、訪問者がアイテムをクリックしたときに自動的にダウンロードされるファイルを設定できます。 FinderからZIPやPDFなどのファイルをにドラッグするだけで、ファイルのダウンロードボタンをすばやく作成することもできます。 Blocs デザインキャンバス。

可視性の切り替え

可視性の切り替え操作が割り当てられているアイテムをクリックすると、特定のIDを持つオブジェクトの可視性が切り替わります。 インタラクションターゲットIDは、ラベルの付いたテキストフィールドに入力できます ターゲットID、単一形式またはコンマ区切りの配列として。 ターゲットIDアイテムが表示されている場合は非表示になり、非表示の場合は表示されます。

Toggle Visibilityインタラクションは、 可視性設定 ロード時にオブジェクトを非表示にします。

トグル可視性インタラクションの実装について詳しく読むことができます こちら.

トグルモーダル

トグルモーダルインタラクションが割り当てられているアイテムをクリックすると、ターゲットIDの割り当てでモーダルが開きます。

クラスの切り替え

トグルクラスの相互作用が割り当てられているアイテムをクリックすると、特定のIDを持つオブジェクトに指定したクラスがトグルされます。 インタラクションターゲットIDは、ラベルの付いたテキストフィールドに入力できます ターゲットID、単一形式またはコンマ区切りの配列として、切り替えられるクラスは、ラベルの付いたテキストフィールドに入力できます。 CLASS、単一形式またはスペースで区切られた配列として。

電話リンクインタラクションが割り当てられているアイテムをクリックすると、デバイスが電話をかけることをサポートしている限り、設定されている電話番号に電話をかけるオプションが訪問者に提供されます。

電子メールリンクの相互作用が割り当てられているアイテムをクリックすると、訪問者のコンピューターでデフォルトの電子メールアプリケーションが自動的に開き、新しい電子メールが作成され、 に: 割り当てられた電子メールアドレスのフィールド。

1年2021月XNUMX日に更新

この記事は役に立ちましたか?

関連記事