WebSite X5Help Center

 
Rosemarie H.
Rosemarie H.
User

Verwendung des Slider für mobile seiten  de

Autor: Rosemarie H.
Besucht 838, Followers 1, Geteilt 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? 

Gepostet am
17 ANTWORTEN - 2 NüTZLICH - 1 KORREKT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(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

.

Mehr lesen
Gepostet am von  ‪ 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!!!

Mehr lesen
Gepostet am von Markus B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Autor

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)

Mehr lesen
Gepostet am von Rosemarie H.
Rosemarie H.
Rosemarie H.
User
Autor
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? 

Mehr lesen
Gepostet am von Rosemarie H.
Rosemarie H.
Rosemarie H.
User
Autor

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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Markus B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Autor

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

Mehr lesen
Gepostet am von Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

,

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Autor

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?

Mehr lesen
Gepostet am von Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Autor

perfekt support, thank you!

Mehr lesen
Gepostet am von Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

Vielen Dank Gleichfalls ... ciao

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Rosemarie H.
Rosemarie H.
User
Autor

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/de/post/234679') ... vielleicht hab ich dadurch etwas durcheinander gebracht ... jetzt sind mobil zwei banner vorhanden... kannst du nochmal schauen? 

Mehr lesen
Gepostet am von Rosemarie H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪