Problem mit XH_Shop auf Smartphones

Third Party Plugins to CMSimple - how to install, use and create plugins

Moderator: Tata

Post Reply
hixi
Posts: 151
Joined: Wed Jun 08, 2011 7:02 pm

Problem mit XH_Shop auf Smartphones

Post by hixi » Sun May 06, 2018 7:42 am

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

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Problem mit XH_Shop auf Smartphones

Post by Tata » Sun May 06, 2018 8:49 am

URL wäre gut...
Falls umgestylet, dann wohl auch die modifizierte Dateien.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

hixi
Posts: 151
Joined: Wed Jun 08, 2011 7:02 pm

Re: Problem mit XH_Shop auf Smartphones

Post by hixi » Sun May 06, 2018 9:24 am

Hallo Tata
Hier die URL: https://www.canny.ch
Danke + Gruss
Beat + Susanne

lck
Posts: 2955
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: Problem mit XH_Shop auf Smartphones

Post by lck » Sun May 06, 2018 11:08 am

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 */
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Problem mit XH_Shop auf Smartphones

Post by frase » Sun May 06, 2018 11:08 am

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!
You do not have the required permissions to view the files attached to this post.

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Problem mit XH_Shop auf Smartphones

Post by cmb » Sun May 06, 2018 11:17 am

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.
Christoph M. Becker – Plugins for CMSimple_XH

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Problem mit XH_Shop auf Smartphones

Post by frase » Sun May 06, 2018 11:25 am

shop2.png
Hm, ungünstig.
Da sollte man die <nav> vielleicht ab Viewport <480px mit display: none ganz ausblenden?
You do not have the required permissions to view the files attached to this post.

hixi
Posts: 151
Joined: Wed Jun 08, 2011 7:02 pm

Re: Problem mit XH_Shop auf Smartphones

Post by hixi » Sun May 06, 2018 11:45 am

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

Post Reply