Mehrstufige Formularnavigation, ohne auf die Schaltfläche „Nächster Schritt“ klicken zu müssen

Ja, Sie können durch das mehrstufige Formular navigieren, ohne die Schaltfläche „Weiter“ sichtbar zu machen (Implementierungsvideo https://d.pr/v/S8CQzA). Das zu tun:

1. Sie müssen eine benutzerdefinierte CSS-Klasse zum Auswahlfeld > Erweitert > CSS-Klassen hinzufügen

2. Fügen Sie auf ähnliche Weise eine CSS-Klasse hinzu zum Nächster Schritt Taste.

3. Installieren Sie das Plugin „Simple Custom JS and CSS“ > Fügen Sie benutzerdefiniertes JS hinzu > und fügen Sie diesen Code ein und veröffentlichen Sie ihn:

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

4. Stellen Sie sicher, dass der benutzerdefinierte CSS-Klassenname Ihren Schritten 1 und 2 ähnelt.

5. Anschließend können Sie die Nächster Schritt Schaltfläche durch ein Symbol. Wenn Sie die Schaltfläche ausblenden möchten, kopieren Sie diesen Code und fügen Sie ihn unter Darstellung > Anpassen > Zusätzliches CSS ein:

.test-next-button{ Sichtbarkeit:versteckt !wichtig; }

Video: https://d.pr/v/S8CQzA

Was sind deine Gefühle?
Updated on Oktober 22, 2023