Verwendung des Slider für mobile seiten 
Autore: Rosemarie H.
Visite 1149,
Followers 1,
Condiviso 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?
Postato il
(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
.
Autore
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
Google wird es dir nicht danken, den jetzt musst Du mit einem Code ein und ausblenden, davon kann man nur abraten!!!
>> 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
.
Autore
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)
Autore
meinst du das ist so nachteilhaft? hättest du eine andere idee?
Autore
ich hab den 2. slider und den code auf der deutschen seite wieder entfernt, weil dort die anzeige nicht funktioniert hat.
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.
(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
.
Autore
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
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
,
Autore
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?
... Der betrachtete Haltepunkt (breakpoint) beträgt 720 Pixel ...
... versuchen Sie es mit Bildern 700x700 (oder 600x600)...
hallo
Autore
perfekt support, thank you!
Vielen Dank Gleichfalls ... ciao
Autore
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/it/post/234679') ... vielleicht hab ich dadurch etwas durcheinander gebracht ... jetzt sind mobil zwei banner vorhanden... kannst du nochmal schauen?
... 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
.