Contentslider - keine Darstellung bei Smartphones

Hallo,

ich finde die Darstellung des Contentsliders auf der Startseite und den Warengruppen bei der Nutzung von Smartphones nicht so optimal.

Gibt es eine Möglichkeit, den Contentslider so einzustellen, dass er bei Smartphones nicht erscheint.

Herzlichen Dank für Eure Unterstützung im voraus!

Viele Grüße

Dieter

Hallo Dieter

ich teile dein Anliegen.

Mich würde aber auch interessieren, ob die Darstellung optimiert werden könnte, dass der Slider in der korrekten Grösse und mit dem Slide-In dargestellt werden könnte?

Hallo Markus,

eine optimierte Darstellung speziell für Smartphones wäre natürlich am sinnvollsten und auch up to date!

Mir gefällt grundsätzlich der Contentslider sehr gut - auch gerade wegen der vielen Variationsmöglichkeiten - nur ist er leider so meines Erachtens derzeit nicht einsetzbar.

Der Anteil der Shop-Besucher über Smartphones wächst bei uns stark an und ist inzwischen dominierend. Das ist bei anderen Shops wie ich höre nicht anders.

Wenn ich das richtig sehe, wird momentan bei Smartphones z.B. bei einem Warengruppen-Banner ungefähr der mittlere Teil des Bildes dargestellt.

Wenn ich als Banner einen tollen Sonnenuntergang oder ein Alpenpanorama wähle mag das eher unproblematisch sein. Bei der Darstellung von Produkten und ev. auch deren Anwendung ist diese Darstellung leider aber nicht so prickelnd ;-)

Falls kurzfristig eine sehr wünschenswerte und notwendige optimierte Darstellung des Contentsliders für Smartphones nicht möglich ist, würde ich mich schon über die Option der Abschaltung sehr freuen. Dann könnte ich den Contentslider weiter verwenden.

Viele Grüße

Dieter

Hallo an alle,

grundsätzlich schließe ich mich diesen Wünschen auch an. So ganz "responsive" scheint der neue Slider in SmartStore NET 3.0 auf den ersten Blick nicht zu sein. Auf dem Desktop und auf Tablets im Querformat kommt der Slider super rüber ... dreht man das Tablet jedoch ins Hochformat oder betrachtet man die Seite gar auf einem Smartphone, dann wird der Slider mit seinen Inhalten ziemlich übel dargestellt.

Gräbt man allerdings ein wenig tiefer, dann offenbart sich, dass man den einzelnen Inhalten eines Sliders lediglich die richtigen Classes zuweisen muss, damit die Inhalte des Slders dann auch in den mobilen Ansichten (Hochformat Tablet sowie Smartphones) vernünftig und sauber dargestellt werden. Im Standard-Template 3 für die HTML-Slider wird z. Bsp. für den linken Bild-Container automatisch immer nur die Klasse class="col-md-12 col-lg-6 picture-container"  und für den Textbereich rechts die Klasse class="clo-lg-6 d-none d-lg-block" zugewiesen. Auf dem Desktop sieht das wie gesagt gut aus ... doch auf schmaleren Bildschirmen wird sodann der Text im rechten Bereich nicht mehr angezeigt, da dieser scheinbar außerhalb der angezeigten Spalten liegt.

Ich habe die Classes nun mal testweise wie folgt geändert:

Linker Bildbereich in class="col-md-6 col-sm-3 picture-container"   sowie

rechter Textbereich in class="col-md-6 col-sm-3"

... und siehe da: nun wird der Slider auch auf Tablets im Hochformat ordentlich dargestellt. Der Text im rechten Bereich ist nun auch hier sichtbar.

Hinsichtlich der Darstellung auf Smartphones hingegen hadere ich noch ... hier wäre es ggf. wirklich ganz gut, den Slider für Smartphones ganz auszublenden ... oder eben auch hierfür eine Lösung zu finden.

Wie dem auch sei. Wie ich herausgefunden habe, gibt es etliche Classes und Parameter für die Darstellung der einzelnen Container innerhalb des Sliders.
Was ich hier ganz einfach vermisse, ist eine ausführliche Dokumentation darüber, welche Classes und Parameter es diesbezüglich insgesamt gibt und welche Bedeutung diese im Einzelnen haben, so dass man als zahlender Kunde auch die Möglichkeit hat, den Slider vernünftig einzurichten. Vielleicht würde die SmartStore AG diesbezüglich bitte noch eine entsprechende Doku nachschieben?

Liebe Grüße
Claudius

Das SmartStore.NET Flex Theme nutzt Bootstrap 4 (BS4) unter der Haube. D.h., alles was BS4 hergibt, kann auch in einem ContentSlider verwendet werden. Besonders relevant sind dabei folgende Topics:

• Grid System: Definition eines Layout-Rasters
• Responsive utilities: Elemente je nach Display-Größe ein-/ausblenden
• Spacing: Definition von Abständen
• Vertical alignment: Vertikale Ausrichtung von beliebigen Elementen

Und wer viele Muckis hat :-), kann sich noch mit Flexbox auseinandersetzen, damit lassen sich selbst ausgefallenste Layout-Wünsche umsetzen.

Aber grundsätzlich habt ihr natürlich recht: wir müssen noch an einem Tutorial für den ContentSlider arbeiten. Ich verspreche, da kommt noch was.

Und: auf vielfachen Wunsch wird man im Backend zur kommenden Version 3.0.2  bestimmen können, ab welchem Breakpoint der Slider überhaupt erst angezeigt werden soll.

Hallo Murat,

vielen Dank für Deine schnelle Antwort und für die Links mit den Tipps zu Bootstrap - zumindest für's erste sind die gewiss hilfreich ... auch wenn man dafür erst mal etwas Zeit eine Lernkurve investieren muss. ;-)

Auf das Tutorial für den Content Slider freue ich mich schon ... ebenfalls auf die Option in 3.0.2, den Slider für kleinere Displays abschalten zu können (ich denke, bei Smartphones macht ein Slider im Allgemeinen ohnehin nicht sonderlich viel Sinn).

Das nenne ich mal einen Top Service!

Ein zufriedener SmartStore.NET Kunde :-)

Hallo,

leider ist in der Version 3.0.2 entgegen der Ankündigung nicht die Option enthalten, den Contentslider erst ab bestimmten breakpoints anzeigen zu lassen?!

Wann wird es definitiv diese Möglichkeit geben?

Schon mal vielen Dank im voraus.

Viele Grüße

Dieter

Problem gelöst, Herr Schmerge besten Dank!

Viele Grüße

Dieter

Ich schließe mich dieter1 an - Herr Schmerge hat die Option auch  in unserem Shop implementiert - nun ist auch die Darstellung auf Smartphones perfekt. :-)

Liebe Grüße

Claudius

Hallo Herr Schmerge,

können wir diese Option bitte auch bekommen?