Skocz do zawartości

[jquery + css] wordpress i przycisk "add to cart"


HERO

Rekomendowane odpowiedzi

hejka, napisalem taki kod, ktory akurat w moim sklepie ma za zadanie pokazania sie na samym dole strony belki #bottom-add-to-cart a w niej buttonu "dodaj do koszyka" w momencie przewiniecia strony (taki efekt zeby dodaj do koszyka bylo zawsze widoczne i na wierzchu)

 

<script>
	document.addEventListener('DOMContentLoaded', function() {
		jQuery(function($){
			jQuery(document).scroll(function() {
				var y = $(this).scrollTop();
					if (y > 300 && $(window).scrollTop() /*+ $(window).height() < $(document).height() */) {
							if ( jQuery('#bottom-add-to-cart').css('display') == 'none' || jQuery('#bottom-add-to-cart').css("visibility") == "hidden"){
								jQuery('#bottom-add-to-cart').show();
								console.log("odpal");
								jQuery('#bottom-add-to-cart').animate({bottom:0},500);
							}
					} else { 
						if ( jQuery('#bottom-add-to-cart').css('display') == 'block' ){
								
								console.log("schowaj");
								jQuery('#bottom-add-to-cart').animate({bottom:-85},1200);
								jQuery('#bottom-add-to-cart').hide();
							}
					}
			});
		});
	});
	</script>

 

no i mam pytanie. nie chcialbym w tym divie #bottom-add-to-cart umieszczac formularza ktory juz jest wyzej z buttonem:

 

<button type="submit" name="add-to-cart" value="<?php echo esc_attr( $product->get_id() ); ?>" class="single_add_to_cart_button button alt"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>

 

czy jest jakis sposob dodania jakiejs akcji do przycisku w #bottom-add-to-cart ktory wywola formularz ktory juz jest na stronie powyzej (standardowy z woocomerce)?

<form class="cart" action="<?php echo esc_url( apply_filters( 'woocommerce_add_to_cart_form_action', $product->get_permalink() ) ); ?>" method="post" enctype='multipart/form-data'>

 

Opiekuj.pl - Testy dla opiekunek do dzieci | Dentysta Mokotów który daje powody do uśmiechu | Systemy szklane - Oferujemy szeroki wybór elementów szklanych dostępnych w różnych rozmiarach

 

Odnośnik do komentarza
Udostępnij na innych stronach

Hmm nie wiem dokładnie o co chodzi ale formularz Możesz wysłac "klikając" w jego button  lub metodą submit.

https://api.jquery.com/trigger/
https://stackoverflow.com/questions/5811122/how-to-trigger-a-click-on-a-link-using-jquery
--
https://api.jquery.com/submit/


 

  • Thanks 1

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności