Widok mobilny: "Pokaż koszyk" - nie działa. Brak reakcji po kliknięciu "pokaż koszyk" z header

[KamikStudio]

Walczę dziś cały dzień, jednak nie mogę znaleźc rozwiązania. Otóż tylko w wersji mobilnej, gdy wejdę na sklep i chce coś kupić i od razu przejśc do finalizacji (przez modalbox o dodaniu do koszyka) jest ok. Jednak gdy kontynuuje zakupy i chciałbym przejść do koszyka to występuje brak reakcji.

Reasumując. Na widoku mobilnym nie działa (jest bez reakcji/akcji) przycisk "Pokaż koszyk".

Jakie rozwiązanie proponujecie?

[krzysiek_web]

Niekoniecznie to może być header. Sprawdź valiador on tam wskazuje potencjalne miejsca problemów gdy zaznaczysz odpowiedni check. Jeżeli w stylu css usuniesz z-index dla .dropdown-backdrop to działa ok ale tak jak mówię nie jest to rozwiązanie problemu.

[KamikStudio]

odświeżam

[krzysiek_web]

Nie bardzo rozumiem, jak klikniesz link np. w topie aby przejść do koszyka to nie działa on na mobile?

Link bezpośrednio z modal'a działa? Możesz podać link do demo?

[KamikStudio]

3 minutes ago, krzysiuus said:

Nie bardzo rozumiem, jak klikniesz link np. w topie aby przejść do koszyka to nie działa on na mobile?

Link bezpośrednio z modal'a działa? Możesz podać link do demo?

Gdy jestem na telefonie i wchodzę na stronę to po dodaniu produktu do koszyka:

• jak kliknę przejdź do koszyka - to przejdzie i nie ma problemu
• jak kliknę kontynuuj zamówienie - czyli przeglądam dalej ofertę - i chce kliknąć ikonę koszyka - jest ok, otwiera się krótki modal, jednak już nie mogę kliknąć przycisku "Pokaż koszyk". Przycisk jakby nie działa.

[krzysiek_web]

Masz demo online?

[KamikStudio]

8 minutes ago, krzysiuus said:

Masz demo online?

z wiadomych względów, wrzuciłem na PW

[krzysiek_web]

Hmm z jakiej przeglądarki korzystasz? Jaka rozdzielczość?

Sprawdziłem na mobile i działa ok.

Dodaję produkt do koszyka., mogę do niego przejść z modal'a. Gdy jednak z modala kliknę aby kontynuować zakupy to modal znika czyli ok. Następnie chcę jednak przejść do koszyka więc klikam ikonę z topu i przechodzi normalnie tzn. występuje prawidłowe przekierowanie.

 

Edycja// Jednak problem występuje na innej przeglądarce. Masz problem z dropdown-backdrop ale to spowodowane jest raczej nie zamkniętym znacznikiem np. div. Sprawdź valiador w3c

Edited April 27, 2021 by krzysiuus (see edit history)

[KamikStudio]

iPhone 12 Pro - Safari - tu jest błąd na 100%

Na Windows jest ok, na Macbooku Air Safari czy Chrome sprawdzałem - też jest ok. W przypadku iphone już nie jest ok, faktycznie nie sprawdziłem jeszcze na Samsungu w przypadku androida

[krzysiek_web]

Info wyżej.

Masz problem z dropdown-backdrop ale to spowodowane jest raczej nie zamkniętym znacznikiem, sprawdź valiador w3c

"Start tag body seen but an element of the same type was already open."

[KamikStudio]

5 minutes ago, krzysiuus said:

Info wyżej.

Masz problem z dropdown-backdrop ale to spowodowane jest raczej nie zamkniętym znacznikiem, sprawdź valiador w3c

"Start tag body seen but an element of the same type was already open."

A myślałem, że problem po stronie arkuszy stylów. Pytanie jaki plik, odpowiedzialny - czy to będzie header? 

Edited April 27, 2021 by KamikStudio (see edit history)

[KamikStudio]

6 minutes ago, krzysiuus said:

Niekoniecznie to może być header. Sprawdź valiador on tam wskazuje potencjalne miejsca problemów gdy zaznaczysz odpowiedni check. Jeżeli w stylu css usuniesz z-index dla .dropdown-backdrop to działa ok ale tak jak mówię nie jest to rozwiązanie problemu.

Zastosowałem narazie rozwiązanie z z-index. Jednak będę szukał tego div'a. W życiu bym na to nie wpadł, cały czas szukałem w CSS