Szablon WP - Kroki do wykonania

Szablon WP - Kroki do wykonania - Wersja do druku

+- Praca w domu - Dodatkowa Praca - Zarabianie przez Internet (https://zarabiam.com)
+-- Dział: Afiliacja, marketing i strony internetowe (https://zarabiam.com/Forum-Programy-Partnerskie-oraz-Programy-Afiliacyjne-354)
+--- Dział: WordPress (https://zarabiam.com/Forum-Wordpress-360)
+--- Wątek: Szablon WP - Kroki do wykonania (/Temat-Szablon-WP-Kroki-do-wykonania-147492)

Szablon WP - Kroki do wykonania - krzysiek349 - 18-05-2017

Witam

Szukam z niepowodzeniem szablonu, lub kreatora, który pozwoli mi na stworzenie strony na której umieszczę pewien formularz, tutorial tj.:

Krok pierwszy

wpisz to
wpisz to,
wpisz to

PRZYCISK DALEJ

i wtedy przechodzi do kolejnej zakladki i podobna sytuacja, i tak kilka kroków, tak żeby to wyglądało profesjonalnie.

Ktoś korzystał z jakiegoś fajnego rozwiązania i może mi polecić?

RE: Szablon WP - Kroki do wykonania - krzysio3001 - 18-05-2017

Jeżeli chodzi o rozbudowany formularz to sprawdź możliwości Caldera Forms Smile

RE: Szablon WP - Kroki do wykonania - Gremquen - 19-05-2017

Daj mi znać to ja ci to napiszę od 0 Wink

A jeśli trochę ogarniasz html to wrzuć sobie taki kod JS:

Kod:
		<script type="text/javascript">
	$(document).ready(function(){
			$("#btn").click(function() {
                $(".step_1").slideUp(500);
                $(".step_2").slideDown(1000);
               process();				
				});
			});
			
		</script>

Oznacza on, że po kliknięciu przycisku z id="btn", klasa css .step_1 się schowa, a na to miejsce pojawi się klasa .step_2.
Pamiętaj, ze domyslnie w kodzie klasa .step_2 musi mieć ustawiony display:none;, a dopiero potem powyższy kod js go usuwa i pokazuje klasę Wink

Jeśli coś z tego rozumiesz to już masz z górki Wink

RE: Szablon WP - Kroki do wykonania - krzysiek349 - 19-05-2017

(19-05-2017, 00:05)Gremquen napisał(a): Daj mi znać to ja ci to napiszę od 0

A jeśli trochę ogarniasz html to wrzuć sobie taki kod JS:

Kod:
<script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function() { $(".step_1").slideUp(500); $(".step_2").slideDown(1000); process(); }); }); </script>
Oznacza on, że po kliknięciu przycisku z id="btn", klasa css .step_1 się schowa, a na to miejsce pojawi się klasa .step_2.
Pamiętaj, ze domyslnie w kodzie klasa .step_2 musi mieć ustawiony display:none;, a dopiero potem powyższy kod js go usuwa i pokazuje klasę
Jeśli coś z tego rozumiesz to już masz z górki

No bomba, pobawiłem się sam i jest ok Smile

dzięki