「次のステップ」ボタンをクリックすることなく、複数ステップのフォームナビゲーションを実行できます。

はい、次へボタンを表示せずに複数ステップのフォームをナビゲートできます(実装ビデオ https://d.pr/v/S8CQzA)。そのためには、次の手順を実行します。

1. 選択フィールド > 詳細 > CSSクラスにカスタムCSSクラスを追加する必要があります。

2.同様にCSSクラスを 次のステップ ボタン。

3. 「Simple Custom JS and CSS」プラグインをインストールし、「カスタム JS を追加」して、次のコードを貼り付けて公開します。

setTimeout(()=>{ jQuery( function( $ ) { if ( window.elementorFrontend ) { $('.test-toggle input').click(()=>{ $('.test-next-button button').click(); }); } } ); }, 500)

4. カスタム CSS クラス名が手順 1 および 2 と似ていることを確認します。

5. その後、 次のステップ ボタンをアイコンで隠します。ボタンを非表示にしたい場合は、このコードをコピーして「外観 > カスタマイズ > 追加 CSS」に貼り付けてください。

.test-next-button{ visibility:hidden !important; }

ビデオ: https://d.pr/v/S8CQzA

あなたの気持ちは何ですか
2023年10月22日に更新