Flerstegs formulärnavigering utan att klicka på knappen för nästa steg

Ja, du kan navigera i flerstegsformuläret utan att göra knappen Nästa synlig (Implementeringsvideo https://d.pr/v/S8CQzA). Att göra det:

1. Du måste lägga till en anpassad CSS-klass i fältet Välj > Avancerat > CSS-klasser

2. Lägg på liknande sätt till en CSS-klass till Nästa steg knapp.

3. Installera "Simple Custom JS and CSS" plugin > Lägg till anpassad JS > och klistra in den här koden och publicera:

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

4. Se till att det anpassade CSS-klassnamnet liknar dina steg 1 och 2.

5. Efter det kan du anpassa Nästa steg knappen vid en ikon. Om du vill dölja knappen, kopiera och klistra in den här koden till Utseende > Anpassa > Ytterligare CSS:

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

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

Vad är dina känslor
Uppdaterad den 22 oktober 2023