ビフォーアフタートグル・ブロックは、2つの画像を並べて表示し、ユーザーが比較できるようにする、魅力的で視覚的に訴える方法を提供します。このブロックには、2つの画像の間を水平または垂直に移動できるカスタマイズ可能なハンドルが含まれており、インタラクティブな体験を向上させます。

要件 Before After Toggleブロックはすべてのライセンスプランで利用可能です。

ビフォーアフタートグル・ブロックをSeedProdページに追加する

ビフォーアフタートグル・ブロックをSeedProdページに組み込むには、以下の手順に従ってください：

1. の下にある。 デザイン > アドバンス セクションで トグル前 トグル後 ブロックをあなたのページに追加する。
   
2. 追加したら トグル前 トグル後 ブロックの設定にアクセスする。ブロック内の 内容 タブで 前 そして その後 の画像をご覧いただきたい：
   
   また、次のようなものもある。 オリエンテーション・コントロール をクリックすると、スライダーの向きを水平または垂直に設定できます。また、"Move On Hover "機能を有効にすることで、ユーザーが画像をクリックすることなく、画像を切り替えることができます。さらに、オーバーレイの色も設定できます。
   
   について 比較ハンドル・コントロール を使えば、トグルハンドルのスタイルをカスタマイズできる。
   

   

3. の中で 上級 タブには、Before/Afterラベルのスタイルとタイポグラフィをカスタマイズするための追加オプションがあります。また、属性を設定したり、間隔を調整したり、デバイスの可視性を設定することもできます。
   
4. 加えた変更を保存するために、作業を保存することを忘れないでください。

以上です！ビフォーアフタートグル・ブロックを使用すると、横に並べた画像を使用して、インタラクティブで魅力的な比較体験を作成できます。ユーザーはハンドルを動かすことで、2つの画像の違いや移り変わりを簡単に比較することができ、ウェブサイト上で視覚的に魅力的な体験を提供することができます。