Page 1 of 1

Problem mit XH_Shop auf Smartphones

Posted: Sun May 06, 2018 7:42 am
by hixi
Hallo zusammen

Auf einer unserer Pages verwenden wir den XH_Shop. Auf dem PC funktioniert alles bestens. Bei einigen Smartphones kann nach der Bestellung der Warenkorb-Button nicht angewählt und damit die Bestellung nicht abgeschlossen werden. Könnt ihr uns da weiterhelfen? Vielen Dank!

Einen schönen Sonntag und sonnige Grüsse aus der Schweiz 8-)

Beat + Susanne

Re: Problem mit XH_Shop auf Smartphones

Posted: Sun May 06, 2018 8:49 am
by Tata
URL wäre gut...
Falls umgestylet, dann wohl auch die modifizierte Dateien.

Re: Problem mit XH_Shop auf Smartphones

Posted: Sun May 06, 2018 9:24 am
by hixi
Hallo Tata
Hier die URL: https://www.canny.ch
Danke + Gruss
Beat + Susanne

Re: Problem mit XH_Shop auf Smartphones

Posted: Sun May 06, 2018 11:08 am
by lck
hixi wrote:
Sun May 06, 2018 7:42 am
Bei einigen Smartphones kann nach der Bestellung der Warenkorb-Button nicht angewählt und damit die Bestellung nicht abgeschlossen werden.
Scheint ein z-index Problem zu sein, ergänze im XH_Shop stylesheet.css mal:

Code: Select all

#xhsCartPreview {
	margin: 0.5em 0 !important;
	text-align: right;
	float: right;
	position: relative; /* das hinzu */
	z-index: 999; /* das hinzu */
}

Re: Problem mit XH_Shop auf Smartphones

Posted: Sun May 06, 2018 11:08 am
by frase
shop.png
Da liegt die nav aus dem Template über dem Button.
Ludwig wird sich sicher gleich melden. ;-)

***
Ah, er war schon da.
Der Tipp hilft!

Re: Problem mit XH_Shop auf Smartphones

Posted: Sun May 06, 2018 11:17 am
by cmb
hixi wrote:
Sun May 06, 2018 7:42 am
Auf einer unserer Pages verwenden wir den XH_Shop. Auf dem PC funktioniert alles bestens. Bei einigen Smartphones kann nach der Bestellung der Warenkorb-Button nicht angewählt und damit die Bestellung nicht abgeschlossen werden.
Das Problem ist das <nav> Element (grün mit Pluszeichen im Header). Dieses erstreckt sich weit nach unten und überlagert je nach Viewportbreite den Warenkorbschalter teilweise. Man kann das schön sehen, wenn man diese Navigation aufklappt. Wie das Problem gelöst werden kann, kann ich nicht sagen, da hier wohl JS im Spiel ist; wenn JS deaktiviert wird, dann ist der Warenkorbschalter nämlich klickbar.

Re: Problem mit XH_Shop auf Smartphones

Posted: Sun May 06, 2018 11:25 am
by frase
shop2.png
Hm, ungünstig.
Da sollte man die <nav> vielleicht ab Viewport <480px mit display: none ganz ausblenden?

Re: Problem mit XH_Shop auf Smartphones

Posted: Sun May 06, 2018 11:45 am
by hixi
Hallo zusammen

Vielen Dank für eure Hinweise. Wir haben den Code von Ludwig eingefügt. Jetzt funktioniert's auf all unseren Smartphones.

Grüsse aus der Schweiz

Beat + Susanne