Neu Responsive Slider auf der Statseite

cdx

Sehr aktives Mitglied
13. März 2013
1.577
47
Hallo, gibt es eine Möglichkeit die Produkte in Slider responsive zumachen???

Zum Beispiel 6 Produkte in eine Zeile werden zu drei Produkten in einer Zeile bei Bildschirmbreite 500px
Restliche Produkte dürfen unten positioniert werden oder werden ganz ausgeblendet.
 

cdx

Sehr aktives Mitglied
13. März 2013
1.577
47
Warum werden dann alle meine Slider so angezeigt???

Normale Ansicht

bild_eins.jpg

Responsive Ansicht
bild_zwei.jpg
Was ist schiefgelaufen???
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
5.230
1.001
Berlin
Ohne url schwierig aber ich würde mal sagen das da jemand an den styles rumgefummelt hat.
Oder du hast vor dem Doctype eine Ausgabe die da nicht hingehört, dann könnten solche Effekte auch auftreten....aber nicht nur bei den Slidern.
 

cdx

Sehr aktives Mitglied
13. März 2013
1.577
47
Wenn ich das Theme ändere bleibt genau so. Ich bearbeite nur meine mytheme.css Datei.
Vor DOCTYPE habe ich keine Ausgabe. CSS wird nur aus bootstrap.css übernommen.

Wass soll mit den Produkten passieren wenn ich die Breite verändere? Verschwinden diese oder werden die die zuviel sind einfach ausgeblendet????
 
Zuletzt bearbeitet:

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
5.230
1.001
Berlin
wenn dein Shop geheim ist und ihn niemand kennt wird da keiner kaufen können...
Und niemand wird schauen können warum es bei dir so ist, ich kenne das Problem nicht daher muss es ja etwas sein das vermutlich nur bei dir gelöst werden kann.
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
5.230
1.001
Berlin
Ahh nun weiss ich was dein eigentliches Problem ist (die Beschreibung)
ich hatte das eine Bild nicht angeklickt

Der slick-slider kann Breakpoints, damit sich die Anzahl der Produkte reduzieren kann wenn es kleiner wird, die müssen aber definiert werden.
Vermutlich ist dort nichts angegeben ich möchte aber meinen ich hätte das irgendwo gesehen.
 
  • Gefällt mir
Reaktionen: cdx

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
5.230
1.001
Berlin
ist im Evo.js auch so festgehalten also eigentlich alles richtig:

Code:
        generateSlickSlider: function() {
            /*
             * box product slider
             */

            $('.evo-box-slider:not(.slick-initialized)').slick({
                //dots: true,
                arrows: true,
                slidesToShow: 1
            });

            /*
             * responsive slider (content)
             */
            $('.evo-slider:not(.slick-initialized)').slick({
                //dots: true,
                arrows: true,
                slidesToShow: 3,
                responsive: [
                    {
                        breakpoint: 480, // xs
                        settings: {
                            slidesToShow: 1
                        }
                    },
                    {
                        breakpoint: 768, // sm
                        settings: {
                            slidesToShow: 2
                        }
                    },
                    {
                        breakpoint: 992, // md
                        settings: {
                            slidesToShow: 3
                        }
                    }
                ]
            });
        },
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Responsive mobile Darstellung Templates für JTL-Shop 4
Neu responsive geht nicht opc Allgemeine Fragen zu JTL-Shop 0
Brand Slider erstellen Einrichtung JTL-Shop5 0
Neu OPC Slider - warum startet er nicht bei Slide 1? Betrieb / Pflege von JTL-Shop 0
Neu Slider Bilder Upload Betrieb / Pflege von JTL-Shop 1
Neu Randlose Slider gesucht Allgemeine Fragen zu JTL-Shop 0
Neu PayPal Kauf auf Rechnung (Ratepay) Informationen fehlen auf Rechnung Shopware-Connector 0
Neu Retouren werden direkt auf Retourenplatz gebucht JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 2
Neu Nach Upgrad auf JTL 5 keine Kinderartikel in der Artikelansicht mehr sichtbar Upgrade JTL-Shop4 auf JTL-Shop5 0
Neu Gesamtwert des Auftrags auf der Rechnung ausweisen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Rabatte auf gesamtes Sortiment (seit Einführung der Omnibus-Richtlinie) Allgemeine Fragen zu JTL-Shop 0
Neu Ordnergrößen auf Webspace der JTL Shops Allgemeine Fragen zu JTL-Shop 2
Neu Ebay.de Angebote auf Ebay.it zusätzlich einrichten Einrichtung und Installation von JTL-eazyAuction 0
Neu Produkt steht auf Gesendet JTL-Shop - Fehler und Bugs 0
Neu Automatisch Hinweis/Kommentar bei Artikel auf Einkaufsliste anzeigen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Es wird nur noch eine Seriennummer auf Lieferschein angezeigt JTL-Wawi - Fehler und Bugs 0
Neu nach Update auf JTL WAWI 1.7.5.2 abbruch des abgleiches Modified eCommerce-Connector 1
Neu Zurückgestellte Artikel direkt auf eine Expressliste packen lassen - möglich? User helfen Usern - Fragen zu JTL-Wawi 0
Neu Hacker angriff??? auf Shop Allgemeine Fragen zu JTL-Shop 2
Variationen werden in laufenden Angeboten auf Ebay nihct angezeigt (Version 1.6.44.0) JTL-Wawi 1.6 0
Neu Lagerplatz auf Lieferschein ausgeben Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Attribute / Merkmale Filter + auf Produktseite Allgemeine Fragen zu JTL-Shop 3
Datenbankupdate nach Update von 4.06 auf 5.1.5 läuft endlos Upgrade JTL-Shop4 auf JTL-Shop5 8
Beantwortet Überzahlung Rechnung - Guthaben auf Kundenkonto Arbeitsabläufe in JTL-Wawi 3
Update von Plugins für JTL-Shop4 auf JTL-Shop5 Upgrade JTL-Shop4 auf JTL-Shop5 3
Neu Fehler bei Installation JTL5 auf Hosteurope Installation / Updates von JTL-Shop 4
Neu Retouren anlegen auf eine vorhandene Retoure User helfen Usern - Fragen zu JTL-Wawi 2
In Bearbeitung Rechung auf Kunde und später abschließen Allgemeine Fragen zu JTL-POS 1
Neu easyCredit Logo auf Artikeldetailseite viel zu groß Plugins für JTL-Shop 0
Migration von JTL Shop 4 auf JTL Shop 5 - wie ein nahtlosen Übergang vorbereiten? Upgrade JTL-Shop4 auf JTL-Shop5 4
Neu Problem mit dem WooCommerce Abgleich nach Update auf 1.6.44.0 WooCommerce-Connector 0
Beantwortet Kein Shopabgleich nach Wawi Update auf 1.6.44 mit Shop 4.06 (Build: 18) JTL-Wawi 1.6 1
Neu Wieder verfügbare Artikel auf Startseite anzeigen Allgemeine Fragen zu JTL-Shop 0
Neu Direkte SQL Abfrage auf den SQL Server JTL Ameise - Eigene Exporte 8
Neu Fehler Datenbankimport auf neuen Server Installation von JTL-Wawi 1
Neu Update auf Shop 4.06 - Variationen können nicht in den Warenkorb gelegt werden Installation / Updates von JTL-Shop 0
Neu Error 500 auf einzelnen Artikelseiten, sonstiger Shop funktioniert JTL-Shop - Fehler und Bugs 2
Neu Aufschalten auf bestehende AMAZON Artikel User helfen Usern - Fragen zu JTL-Wawi 0
Kontaktformular ganz unten auf der Startseite Einrichtung JTL-Shop5 0
Neu Rabatt auf Kategorie ab Mindestbestellwert für Kunden im Ausland Allgemeine Fragen zu JTL-Shop 0
Neu Status von Retouren soll auf Retourenlabel | jQuery User helfen Usern - Fragen zu JTL-Wawi 4
Neu Finde den Fehler in jQuery? Retourenstatus auf Retourenlabel platzieren | Nötig zur weiteren Absortierung Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Verwiesen an Support Update auf 1.4 nicht möglich t_kunde_suche nld mehrmals vergeben JTL-Workflows - Fehler und Bugs 1
Neu Retouren anlegen auf eine vorhandene Retoure User helfen Usern - Fragen zu JTL-Wawi 0
Neu Attribute / Merkmale Filter und Ausgabe auf Produktseite User helfen Usern - Fragen zu JTL-Wawi 0
Bilder auf Startseite mit Shoppen Button Einrichtung JTL-Shop5 2
Neu Seit dem Update auf WMS 1.6.44.0 hinterlegter Drucker wird Ignoriert JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 0
Neu Abgleich defekt nach Update auf 1.6.44.0 Shopify-Connector 34
nach Update von 1.5.52 auf 1.6.44 Wawi nur offline zu starten JTL-Wawi 1.6 11
Neu Coupon auf einen Hersteller funktioniert nicht Allgemeine Fragen zu JTL-Shop 4

Ähnliche Themen