WebSite X5Help Center

 
Rosemarie H.
Rosemarie H.
User

Verwendung des Slider für mobile seiten  de

Author: Rosemarie H.
Visited 1203, Followers 1, Shared 0  

Hallo, der Slider auf der Startseite hier https://start-smoking.com/de/

geht über die gesamte Breite der Seite. In der Desktop-Ansicht passt das, aber für Smartphones funktioniert das nicht. Habt ihr eine Idee?

Meine Idee: Ich könnte ja einen dünneren Slider nehmen mit hochformatigen Bildern, den ich dann in der Smartphone-Ansicht zur Verfügung stelle, aber der wäre ja dann auch in der Desktop-Ansicht zu sehen. So wie ich sehe, kann ich ja keine Elemente in den Responsive-Einstellungen für die Desktop-Ansicht ausblenden, sondern nur für die Ebenen darunter. oder? 

Posted on the
17 ANSWERS - 2 USEFUL - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

(It > De)  ... Fügen Sie auf derselben Seite unter dem ersten Schieberegler eine zweite Zeile mit dem Schieberegler mit den für das "Handy" geeigneten Bildern hinzu, ...zwei separate Schieberegler ...
... wenn Sie dies getan haben, veröffentlichen Sie die Änderung und benachrichtigen Sie mich, und dann werde ich Ihnen einen sehr einfachen und einfachen EXTRA-Code zur Verfügung stellen ...

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Markus B.
Markus B.
User

Google wird es dir nicht danken, den jetzt musst Du mit einem Code ein und ausblenden, davon kann man nur abraten!!!

Read more
Posted on the from Markus B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Rosemarie H.
Danke... ich hab jetzt mal Bilder mit 480px breite eingestellt. meinen Sie so?Ich habe eine deutsche und eine englische Version: https://start-smoking.com     https://start-smoking.com/de
  ... x  >  start-smoking.com

>> Schritt 3 - Sitemap > Eigenschaften der Seite Fenster > Funktionen im Bereich Erweitert | ▪Benutzerdefinierter Code: > 3°> Vor dem </HEAD> Tag

... Fügen Sie diesen Code ein:

<style>
@media(min-width:720px) { #imCell_153 {display:none !important} }
@media(max-width:719px) {#imCell_75 {display:none !important} }
</style>

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Author

Danke, auf der englischen Seite geht es, auf der deutschen sehen ich am desktop jetzt noch beide slider (nachdem ich ein test bild hinzugefügt hatte beim mobilen slider)

Read more
Posted on the from Rosemarie H.
Rosemarie H.
Rosemarie H.
User
Author
Markus B.
Google wird es dir nicht danken, den jetzt musst Du mit einem Code ein und ausblenden, davon kann man nur abraten!!!

meinst du das ist so nachteilhaft? hättest du eine andere idee? 

Read more
Posted on the from Rosemarie H.
Rosemarie H.
Rosemarie H.
User
Author

ich hab den 2. slider und den code auf der deutschen seite wieder entfernt, weil dort die anzeige nicht funktioniert hat.

Read more
Posted on the from Rosemarie H.
Markus B.
Markus B.
User

Naja ist halt Pfusch, da man sowas nicht machen sollte, es werden ja trotzdem 2 gleiche Slider geladen, du siehst es optisch nicht, google schon. Wenn Du kein Wert auf eine gute SEQ brauchst ist es egal! 

Entweder du machst eine Eigenprogrammierung oder Du nutzt den Slider mit Bildern, jetzt sind die Bilder im Hintergrund bzw. Zeilenstil gesetzt. 

Wie gesagt kommt darauf an wieviel Wert man auf Ranking, SEQ und weiteren Faktoren wert legt.

Read more
Posted on the from Markus B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Rosemarie H.
ich hab den 2. slider und den code auf der deutschen seite wieder entfernt, weil dort die anzeige nicht funktioniert hat.

(It > De) ... die zweite Folie fehlt auf der DE-Site und war vorher nicht da ...
...!... wenn Sie es platzieren, Benachrichtige mich...!...
... mach dir keine Sorgen um Google ...
.. die Silder werden nicht gleichzeitig sein und die CPU nicht ermüden ...
... es ist wichtig, helle Bilder für das "Handy" zu verwenden, und ich sehe, dass Sie dies bereits getan haben und sie bereits in Ordnung sind ...
... für diese niedrigen Auflösungen wären die Bilder besser, wenn sie quadratisch mit einem Verhältnis von 1: 1 (oder 4: 3) wären, zum Beispiel 400 x 400 Pixel ...

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Author

danke!

1) ich habe den 2. Slider jetzt auch auf der deutschen Seite https://start-smoking.com/de/

2) ich werde die Bilder dann noch bearbeiten und in ein 400x400 Format übertragen. 

3) ist es ok, wenn der 2. Slider (mobil) auch über die gesamte breite geht?

4)) aber schau mal, was auf der englischen seite jetzt passiert ist. drei der bilder aus dem shop werden nicht mehr angezeigt. ich glaube, das ist mit der umstellung passiert

Read more
Posted on the from Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

1) ... x > start-smoking.com/de/

<style>
@media(min-width:720px) { #imCell_154 {display:none !important} }
@media(max-width:719px) {#imCell_75 {display:none !important} }
</style>

2) ...  OK ...

3) ... ... Ich glaube schon; ... mache einen kurzen Test ...

4) ... ... ... ... Sie müssen die Bilder erneut bestätigen, Strg + Vorschau bedienen, überprüfen und dann den vollständigen Export durchführen ...
...!... falls es besser ist, ein neues Thema zu eröffnen ...!...

.

ciao

,

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Author

okay, danke!

4) in einem anderen browser geht es... vielleicht nur ein cache problem, danke.

Allerdings sehen die Bilder im Slider auf dem Smartphone unscharf (schlechte Auflösung), egal ob ich 400x400 nehme oder 400x300. Haben Sie eine Idee, woran das liegen könnte?

Read more
Posted on the from Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Rosemarie H.
... ... ...  Allerdings sehen die Bilder im Slider auf dem Smartphone unscharf (schlechte Auflösung), egal ob ich 400x400 nehme oder 400x300. Haben Sie eine Idee, woran das liegen könnte?

... Der betrachtete Haltepunkt (breakpoint) beträgt 720 Pixel ...

... versuchen Sie es mit Bildern 700x700 (oder 600x600)...

hallo

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Author

perfekt support, thank you!

Read more
Posted on the from Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

Vielen Dank Gleichfalls ... ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Author

sorry Kol, jetzt geht es nicht mehr... ich hatte den slider copy pasted (weil ich gerade mit dem bild im slider experimentiert habe https://helpcenter.websitex5.com/en/post/234679') ... vielleicht hab ich dadurch etwas durcheinander gebracht ... jetzt sind mobil zwei banner vorhanden... kannst du nochmal schauen? 

Read more
Posted on the from Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... Auswahl-IDs wurden geändert ...
... für diese Seite lautet der richtige Code:

<style>
@media(min-width:720px) { #imCell_154 {display:none !important} }
@media(max-width:719px) {#imCell_189 {display:none !important} }
</style>

.

#imCell_154   #imCell_189

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪